<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Productions - Heartucate</title>
	<atom:link href="https://heartucate.eu/en/productions/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Wir transformieren Bildung</description>
	<lastBuildDate>Wed, 14 Jan 2026 11:24:24 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://heartucate.eu/wp-content/uploads/2020/08/cropped-Heartucate_Signet_WEB-300-32x32.png</url>
	<title>Productions - Heartucate</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Journey to the Arctic</title>
		<link>https://heartucate.eu/en/productions/journey-to-the-arctic/</link>
		
		<dc:creator><![CDATA[Heartucate-admin]]></dc:creator>
		<pubDate>Tue, 13 Jan 2026 18:28:28 +0000</pubDate>
				<category><![CDATA[Productions]]></category>
		<guid isPermaLink="false">https://heartucate.eu/?p=55344</guid>

					<description><![CDATA[<p>Start your journey to the Arctic!  “Journey to the Arctic” is an interactive augmented reality escape room for children aged 10 and up. In teams of up to four people, players explore the Arctic, solve puzzles, and develop a climate model. The multi-award-winning app combines modern learning with augmented reality  [...]</p>
<p>Der Beitrag <a href="https://heartucate.eu/en/productions/journey-to-the-arctic/">Journey to the Arctic</a> erschien zuerst auf <a href="https://heartucate.eu/en">Heartucate</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-bottom:0px;--awb-padding-bottom-small:0px;--awb-margin-bottom:0px;--awb-margin-bottom-small:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion-flex-column fusion-flex-align-self-flex-start fusion-animated" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-animationType="fadeInUp" data-animationDuration="1.0" data-animationOffset="top-into-view"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column">
<style>
  #hero-track-hero-62248 { 
      position: relative; 
      width: 100vw; 
      left: 50%;
      margin-left: -50vw;
      height: 450vh; 
      z-index: 10; 
  }
  #hero-sticky-viewport-hero-62248 { position: sticky; top: 0; width: 100vw; height: 100vh; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); left: 50%; right: 50%; overflow: hidden; background-color: #1a1a1a; display: flex; align-items: center; justify-content: center; perspective: 1200px; opacity: 0; transition: opacity 0.5s ease-in; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
  #hero-sticky-viewport-hero-62248.loaded { opacity: 1; }
  #hero-main-wrapper-hero-62248 { position: relative; z-index: 100; width: 90vw; max-width: 1000px; aspect-ratio: 1.455; transform-style: preserve-3d; will-change: transform; margin: auto; transition: transform 0.1s cubic-bezier(0.2, 0, 0.4, 1); }
  .hero-mask-hero-62248 { position: absolute; top: 6.5%; left: 5.3%; right: 8.4%; bottom: 8.1%; border-radius: 13px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }
  .hero-gradient-hero-62248 { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 2; pointer-events: none; }
  .hero-layer-hero-62248 { position: absolute; inset: 0; transform-style: preserve-3d; }
  
  .hero-fixed-blur-layer-hero-62248 {
    position: absolute; 
    inset: 1%; 
    border-radius: 65px;
    transform: translateZ(undefinedpx);
    opacity: 0.75;
    background-image: url('https://heartucate.eu/wp-content/uploads/2025/12/display-texture3png.png'); background-size: cover; background-position: center;
    mask-image: radial-gradient(closest-side, transparent 34%, black 94%); -webkit-mask-image: radial-gradient(closest-side, transparent 34%, black 94%);
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 0; 
  }

  #hero-back-hero-62248 { 
      z-index: 10; 
      transform-style: preserve-3d; 
      transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg); 
  }
  
  .hero-frame-img-hero-62248 { transform: translateZ(2px); z-index: 20; }
  
  #hero-room-group-hero-62248 { z-index: 20; pointer-events: none; transform: scale(0.7) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); }
  .hero-room-img-layer-hero-62248 { position: absolute; width: 80%; height: auto; transform-origin: center center; top: -28%; left: 50%; transform: translate(-50%, 0) scale(0.45); will-change: opacity, transform; backface-visibility: hidden; }
  #hero-front-hero-62248 { z-index: 30; pointer-events: none; transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg) translateZ(60px); }
  
  .hero-bubble-hero-62248 {
    position: absolute; display: flex; align-items: center; gap: 8px; padding: 8px 12px;
    background: linear-gradient(135deg, #0091b98C, #005f848C, #0091b98C);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    border-radius: 99px; color: white; font-weight: 700; font-size: 13px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    z-index: 1000; pointer-events: none; 
    transform: translate(-50%, -50%) translateZ(150px) scale(0); opacity: 0;
    will-change: transform, opacity;
    white-space: nowrap;
  }
  
  @keyframes heroPop-hero-62248 {
    0% { opacity: 0; transform: translate(-50%, -50%) translateZ(150px) scale(0.5); }
    60% { opacity: 1; transform: translate(-50%, -50%) translateZ(150px) scale(1.1); }
    100% { opacity: 1; transform: translate(-50%, -50%) translateZ(150px) scale(1); }
  }

  .hero-bubble-hero-62248.visible { 
      animation: heroPop-hero-62248 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
  }
  
  .hero-bubble-hero-62248:nth-of-type(1) { animation-delay: 0.1s; }
  .hero-bubble-hero-62248:nth-of-type(2) { animation-delay: 0.2s; }
  .hero-bubble-hero-62248:nth-of-type(3) { animation-delay: 0.3s; }
  .hero-bubble-hero-62248:nth-of-type(4) { animation-delay: 0.4s; }
  .hero-bubble-hero-62248:nth-of-type(5) { animation-delay: 0.5s; }
  .hero-bubble-hero-62248:nth-of-type(6) { animation-delay: 0.6s; }

  .hero-bubble-icon-hero-62248 { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: white; }

  @keyframes spinIn-hero-62248 { 0% { transform: scale(0.5) rotateY(-90deg); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg); opacity: 1; } }
  @keyframes spinInFront-hero-62248 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(60px); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg) translateZ(60px); opacity: 1; } }
  @keyframes spinInRoom-hero-62248 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(30px); opacity: 0; } 100% { transform: scale(0.7) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); opacity: 1; } }

  @media (max-width: 768px) {
      .hero-bubble-hero-62248 { display: none !important; }
      #hero-track-hero-62248 { height: 450vh; }
      #hero-sticky-viewport-hero-62248 { perspective: 1200px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
      #hero-main-wrapper-hero-62248 { width: 95vw; max-width: none; aspect-ratio: 0.54; }
      .hero-mask-hero-62248 { top: 10%; left: 7.2%; right: 7.2%; bottom: 4.6%; border-radius: 43px; }
      .hero-gradient-hero-62248 { height: 100%; background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
      
      .hero-fixed-blur-layer-hero-62248 { 
          
         opacity: undefined;
         transform: translateZ(undefinedpx);
         border-radius: undefinedpx;
         
      }

      #hero-back-hero-62248 { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg); }
      #hero-room-group-hero-62248 { transform: scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); }
      .hero-room-img-layer-hero-62248 { top: 25%; left: 50%; transform: translate(-50%, 0) scale(0.95); }
      #hero-front-hero-62248 { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(60px); }
      @keyframes spinIn-hero-62248 { 0% { transform: scale(0.5) rotateY(-90deg); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg); opacity: 1; } }
      @keyframes spinInFront-hero-62248 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(60px); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(60px); opacity: 1; } }
      @keyframes spinInRoom-hero-62248 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(30px); opacity: 0; } 100% { transform: scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); opacity: 1; } }
  }
  .animate-entry-hero-62248 { animation: spinIn-hero-62248 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
  .animate-room-hero-62248 { animation: spinInRoom-hero-62248 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
  #hero-front-hero-62248.animate-entry-hero-62248 { animation: spinInFront-hero-62248 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
</style>
<div id="hero-track-hero-62248">
  <div id="hero-sticky-viewport-hero-62248">
    <div style="position: absolute; inset: 0; z-index: 1;"><picture style="width: 100%; height: 100%; display: block;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/11/3-Cleaner_Raum.png"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/11/3-Cleaner_Raum.png" style="width: 100%; height: 100%; object-fit: cover;" alt="" /></picture></div>
    <div style="position: absolute; inset: 0; z-index: 2; mix-blend-mode: screen; opacity: 0.8;"><picture style="width: 100%; height: 100%; display: block;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/11/Redglow-1.png"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/11/Redglow-1.png" style="width: 100%; height: 100%; object-fit: cover;" alt="" /></picture></div>
    <div id="hero-main-wrapper-hero-62248">
      <div id="hero-back-hero-62248" class="hero-layer-hero-62248 animate-entry-hero-62248">
        <div class="hero-fixed-blur-layer-hero-62248"></div>
        <picture class="hero-frame-img-hero-62248" style="position: absolute; inset: 0; width: 100%; height: 100%;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/12/iphone-mockup.png"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/11/2-tablet.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill;" alt="" /></picture>
        <div class="hero-mask-hero-62248"></div>
      </div>
      <div id="hero-room-group-hero-62248" class="hero-layer-hero-62248 animate-room-hero-62248"><img id="hero-room-slot0-hero-62248" class="hero-room-img-layer-hero-62248" decoding="sync" src="https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/50.png" style="z-index: 1;" alt="" /><img id="hero-room-slot1-hero-62248" class="hero-room-img-layer-hero-62248" decoding="sync" src="https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/50.png" style="z-index: 1; opacity: 0;" alt="" /></div>
      <div id="hero-front-hero-62248" class="hero-layer-hero-62248 animate-entry-hero-62248"><div class="hero-mask-hero-62248"><div id="hero-gradient-el-hero-62248" class="hero-gradient-hero-62248"></div><picture style="position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/11/1-Logo.png"><img decoding="async" id="hero-logo-img-hero-62248" src="https://heartucate.eu/wp-content/uploads/2025/11/1-Logo.png" style="position: absolute; width: 40%; height: auto; z-index: 10; transform-origin: center bottom; top: 91%; left: 50%; transform: translate(-50%, -100%) scale(0.9); opacity: 1;" alt="" /></picture></div></div>
      <div id="hero-bubbles-layer-hero-62248" class="hero-layer-hero-62248" style="z-index: 100; pointer-events: none;"></div>
    </div>
  </div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
  const track = document.getElementById('hero-track-hero-62248'), viewport = document.getElementById('hero-sticky-viewport-hero-62248'), wrapper = document.getElementById('hero-main-wrapper-hero-62248');
  const back = document.getElementById('hero-back-hero-62248'), front = document.getElementById('hero-front-hero-62248'), roomGroup = document.getElementById('hero-room-group-hero-62248');
  const bubbleLayer = document.getElementById('hero-bubbles-layer-hero-62248');
  const slots = [document.getElementById('hero-room-slot0-hero-62248'), document.getElementById('hero-room-slot1-hero-62248')], logo = document.getElementById('hero-logo-img-hero-62248'), gradient = document.getElementById('hero-gradient-el-hero-62248');
  const PARALLAX_MAX = 10;
  if(PARALLAX_MAX > 0 && window.matchMedia("(hover: hover)").matches && wrapper) { document.addEventListener('mousemove', (e) => { const x = (e.clientX / window.innerWidth - 0.5) * 2; const y = (e.clientY / window.innerHeight - 0.5) * 2; wrapper.style.transform = `rotateY(${x * PARALLAX_MAX}deg) rotateX(${-y * PARALLAX_MAX}deg)`; }); }
  
  const SEQ_ENABLED = true;
  const SEQ_IMAGES = ["https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/50.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/51.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/52.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/53.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/54.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/55.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/56.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/57.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/58.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/59.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/60.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/61.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/62.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/63.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/64.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/65.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/66.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/67.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/68.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/69.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/70.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/71.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/72.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/73.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/74.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/75.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/76.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/77.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/78.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/79.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/80.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/81.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/82.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/83.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/84.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/85.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/86.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/87.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/88.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/89.png","https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/90.png"];
  const ASSETS = { D: { room: "https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/50.png" }, M: { room: "https://heartucate.eu/content/projects/reise-in-die-arktis/hero-section/1024x1024/50.png" } };
  
  const BUBBLES = [{"id":1,"visible":true,"text":"Approx. 30 minutes per cycle","x":16,"scale":1.2,"icon":"clock","y":30,"side":"left"},{"scale":1,"y":50,"visible":true,"id":2,"icon":"target","x":0,"text":"Age 10+","side":"left"},{"visible":true,"id":3,"icon":"pdf","text":"High-quality accompanying material","scale":1,"x":11,"y":70,"side":"left"},{"y":35,"id":4,"visible":true,"side":"right","x":80,"text":"Up to 4 players per group","scale":1.2,"icon":"users"},{"scale":1,"y":55,"text":"For tablets und smartphones","side":"right","icon":"tablet","id":5,"visible":true,"x":86},{"id":6,"icon":"vr","visible":true,"scale":1,"x":72,"text":"Augmented Reality Escape Room","y":75,"side":"right"}];
  const ICONS = {"clock":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><polyline points=\"12 6 12 12 16 14\"></polyline></svg>","users":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"></path><circle cx=\"9\" cy=\"7\" r=\"4\"></circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"></path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"></path></svg>","pdf":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"></path><polyline points=\"14 2 14 8 20 8\"></polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"></line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"></line><polyline points=\"10 9 9 9 8 9\"></polyline></svg>","tablet":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"></rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"></line></svg>","target":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><circle cx=\"12\" cy=\"12\" r=\"6\"></circle><circle cx=\"12\" cy=\"12\" r=\"2\"></circle></svg>","vr":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"></path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"></polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"></line></svg>"};
  
  if(window.innerWidth > 768 && BUBBLES.length > 0) {
      BUBBLES.forEach(b => {
          if(!b.visible) return;
          const el = document.createElement('div');
          el.className = 'hero-bubble-hero-62248';
          el.style.left = b.x + '%'; el.style.top = b.y + '%'; el.style.transform = `translate(-50%, -50%) translateZ(150px) scale(${b.scale})`;
          el.innerHTML = `<div class="hero-bubble-icon-hero-62248">${ICONS[b.icon]}</div><span>${b.text}</span>`;
          bubbleLayer.appendChild(el);
      });
  }

  if(SEQ_ENABLED && SEQ_IMAGES.length > 0) SEQ_IMAGES.forEach(src => { const img = new Image(); img.src = src; if('decode' in img) img.decode().catch(()=>{}); });
  if(viewport) viewport.classList.add('loaded');
  const unlockElements = [back, front, roomGroup];
  function unlockAnimation() { unlockElements.forEach(el => { if(el) { el.style.animation = 'none'; el.classList.remove('animate-entry-hero-62248'); el.classList.remove('animate-room-hero-62248'); } }); update(); }
  if(back) { back.addEventListener('animationend', unlockAnimation, { once: true }); setTimeout(unlockAnimation, 1600); } else { update(); }
  const DesktopS = {"tabRotX":0,"tabY":0,"roomRotY":0,"logoScale":0.9,"roomScale":0.45,"roomX":50,"tabRotY":11,"tabX":0,"tabRotZ":0,"tabScale":0.7,"roomRotZ":0,"roomY":-28,"logoOpacity":1,"logoX":50,"logoY":91}, DesktopE = {"roomRotZ":0,"tabScale":0.7,"roomX":46,"roomRotY":0,"logoOpacity":0,"tabRotX":40,"roomScale":0.8,"tabX":0,"logoX":50,"tabY":0,"tabRotZ":-27,"tabRotY":48,"logoY":150,"logoScale":0.8,"roomY":0}, DesktopSEQ = { logo: [0, 0.35], tab: [0.2, 0.6], room3d: [0.6, 1] };
  const MobileS = {"logoScale":1.5,"tabRotY":0,"tabX":0,"roomScale":0.95,"logoX":50,"roomY":25,"roomRotY":0,"roomRotZ":0,"tabScale":0.9,"roomX":50,"tabRotZ":0,"tabY":0,"logoOpacity":1,"tabRotX":0,"logoY":78}, MobileE = {"logoX":50,"roomX":50,"tabRotX":40,"tabRotZ":-27,"logoOpacity":0,"roomScale":0.25,"tabY":0,"tabX":0,"roomRotY":0,"roomY":34,"logoY":150,"roomRotZ":0,"logoScale":0.8,"tabScale":5,"tabRotY":48}, MobileSEQ = { logo: [0, 0.35], tab: [0.2, 0.6], room3d: [0.6, 1] };
  let ticking = false;
  function getProgress(globalP, startP, endP) { if (globalP <= startP) return 0; if (globalP >= endP) return 1; return (globalP - startP) / (endP - startP); }
  function lerp(start, end, t) { return start * (1 - t) + end * t; }
  
  function updateSequence(p3D, baseImg) {
      if (!slots[0] || !slots[1]) return;
      let baseSrc, nextSrc, mix;
      if (!SEQ_ENABLED || SEQ_IMAGES.length === 0) { baseSrc = baseImg; nextSrc = baseImg; mix = 0; } else if (p3D <= 0) { baseSrc = baseImg; nextSrc = SEQ_IMAGES[0]; mix = 0; } else if (p3D >= 1) { const last = SEQ_IMAGES[SEQ_IMAGES.length - 1]; baseSrc = last; nextSrc = last; mix = 0; } else { const totalFrames = SEQ_IMAGES.length - 1; const floatIndex = p3D * totalFrames; const idxBase = Math.floor(floatIndex); const idxNext = Math.min(totalFrames, idxBase + 1); baseSrc = SEQ_IMAGES[idxBase]; nextSrc = SEQ_IMAGES[idxNext]; mix = floatIndex - idxBase; }
      const src0 = slots[0].getAttribute('src'), src1 = slots[1].getAttribute('src');
      let targetSlotBase = 0; if (src1 === baseSrc) targetSlotBase = 1; 
      const targetSlotNext = targetSlotBase === 0 ? 1 : 0; const sBase = slots[targetSlotBase]; if(sBase.getAttribute('src') !== baseSrc) sBase.src = baseSrc; sBase.style.opacity = 1; sBase.style.zIndex = 1; const sNext = slots[targetSlotNext]; if(sNext.getAttribute('src') !== nextSrc) sNext.src = nextSrc; let safeMix = mix; if (safeMix < 0.01) safeMix = 0; sNext.style.opacity = safeMix; sNext.style.zIndex = 2;
  }
  
  function update() {
    if (!track) return;
    const isMobile = window.innerWidth <= 768; const S = isMobile ? MobileS : DesktopS; const E = isMobile ? MobileE : DesktopE; const SEQ = isMobile ? MobileSEQ : DesktopSEQ; const currentBaseRoom = isMobile ? ASSETS.M.room : ASSETS.D.room;
    const rect = track.getBoundingClientRect(); const scrollP = Math.max(0, Math.min(1, -rect.top / (rect.height - window.innerHeight)));
    const pTab = getProgress(scrollP, SEQ.tab[0], SEQ.tab[1]);
    const tScale = lerp(S.tabScale, E.tabScale, pTab), tRotX = lerp(S.tabRotX, E.tabRotX, pTab), tRotY = lerp(S.tabRotY, E.tabRotY, pTab), tRotZ = lerp(S.tabRotZ, E.tabRotZ, pTab), tX = lerp(S.tabX, E.tabX, pTab), tY = lerp(S.tabY, E.tabY, pTab);
    if(back) back.style.transform = `translate(${tX}%, ${tY}%) scale(${tScale}) rotateZ(${tRotZ}deg) rotateY(${tRotY}deg) rotateX(${tRotX}deg)`;
    if(front) front.style.transform = `translate(${tX}%, ${tY}%) scale(${tScale}) rotateZ(${tRotZ}deg) rotateY(${tRotY}deg) rotateX(${tRotX}deg) translateZ(60px)`;
    const rRotX = lerp(S.tabRotX, 0, pTab), rRotY = lerp(S.roomRotY || 0, E.roomRotY || 0, pTab), rRotZ = lerp(S.roomRotZ || 0, E.roomRotZ || 0, pTab), rScale = lerp(S.roomScale, E.roomScale, pTab), rX = lerp(S.roomX, E.roomX, pTab), rY = lerp(S.roomY, E.roomY, pTab), lift = lerp(0, -15, pTab);
    if(roomGroup) roomGroup.style.transform = `scale(${tScale}) rotateZ(${rRotZ}deg) rotateY(${rRotY}deg) rotateX(${rRotX}deg) translateZ(30px)`;
    slots.forEach(img => { if(img) { img.style.top = `${rY}%`; img.style.left = `${rX}%`; img.style.transform = `translate(-50%, ${lift}%) scale(${rScale})`; } });
    
    // THIS LINE WAS THE ISSUE - RESTORED
    const p3D = getProgress(scrollP, SEQ.room3d[0], SEQ.room3d[1]); updateSequence(p3D, currentBaseRoom);
    
    const showBubbles = p3D > 0.1;
    const bubbles = bubbleLayer.querySelectorAll('.hero-bubble-hero-62248');
    bubbles.forEach(b => { if(showBubbles) b.classList.add('visible'); else b.classList.remove('visible'); });

    const pLogo = getProgress(scrollP, SEQ.logo[0], SEQ.logo[1]), lScale = lerp(S.logoScale, E.logoScale, pLogo), lX = lerp(S.logoX, E.logoX, pLogo), lY = lerp(S.logoY, E.logoY, pLogo), lOp = lerp(S.logoOpacity, E.logoOpacity, pLogo);
    if(logo) { logo.style.top = `${lY}%`; logo.style.left = `${lX}%`; logo.style.opacity = lOp; logo.style.transform = `translate(-50%, -100%) scale(${lScale})`; }
    if(gradient) gradient.style.opacity = lOp; 
  }
  window.addEventListener('scroll', () => { if (!ticking) { window.requestAnimationFrame(() => { update(); ticking = false; }); ticking = true; } }, { passive: true });
  window.addEventListener('resize', update); 
});
</script>

<style>
#fc-section-fc-9185 { 
    position: relative; 
    width: 100vw; 
    left: 50%; 
    margin-left: -50vw; 
    box-sizing: border-box;
    padding-top: 160px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 150px;
    margin-top: -50px; 
    overflow: hidden; 
    font-family: 'Geometria', 'Segoe UI', sans-serif;
    display: flex;
    justify-content: center;
}

@media (max-width: 640px) {
    #fc-section-fc-9185 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        margin-top: 0px !important;
    }
}

#fc-wrap-fc-9185 { position: relative; width: 100%; max-width: 1200px; z-index: 10; }

/* HEADER STYLES */
.fc-header-fc-9185 {
    margin-bottom: 60px;
    text-align: left;
    position: relative;
    z-index: 20;
}
.fc-header-fc-9185 h2 {
    font-size: 52px;
    font-weight: 800;
    color: #0591b9;
    margin: 0;
    line-height: 1.1;
}
.fc-header-logo-fc-9185 {
    display: block;
    width: 60px;
    height: auto;
    margin-bottom: 0px;
    object-fit: contain;
    transform: translateX(165px);
}
@media(max-width: 640px) {
    .fc-header-fc-9185 { text-align: center; } 
    .fc-header-fc-9185 h2 { font-size: 36px; } 
    .fc-header-logo-fc-9185 { transform: translateX(0px); margin-left: auto; margin-right: auto; }
}

/* BUTTON STYLES */
.fc-action-wrapper-fc-9185 {
    margin-top: 40px;
    text-align: center;
    position: relative;
    z-index: 20;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
@media(min-width: 1280px) {
    .fc-action-wrapper-fc-9185 {
        margin-right: 25% !important;
        max-width: none !important;
    }
}

.fc-action-btn-fc-9185 {
    display: inline-block;
    background: #b80505;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    border-radius: 12px;
    padding: 16px 32px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transform-style: preserve-3d; 
    perspective: 1000px;
    will-change: transform;
    transition: box-shadow 0.2s ease;
}
.fc-action-btn-fc-9185:hover {
    color: #ffffff !important;
    box-shadow: 0 15px 30px -5px rgba(0,0,0,0.2);
}

.fc-btn-reveal { opacity: 0; transform: translateY(20px); }
.fc-in-view .fc-btn-reveal {
    animation: fcHeaderPop-fc-9185 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    animation-delay: 1.2000000000000002s; 
}

/* HEADER REVEAL ANIMATION */
@keyframes fcHeaderPop-fc-9185 {
    0% { opacity: 0; transform: translateY(20px) scale(0.9); }
    60% { transform: translateY(-5px) scale(1.02); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
.fc-header-reveal { opacity: 0; }
.fc-in-view .fc-header-reveal {
    animation: fcHeaderPop-fc-9185 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.fc-header-logo-fc-9185 { animation-delay: 0.1s; }
.fc-header-fc-9185 h2 { animation-delay: 0.2s; }

.fc-bg-gradient-fc-9185 { 
    position: absolute; inset: 0; z-index: 0; 
    background: linear-gradient(-45deg, #22465e, #07a5bb, #0293ba, #0fb9c0); 
    background-size: 400% 400%; 
    animation: fcGradient-fc-9185 20s ease infinite; 
    opacity: 0.82; 
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); 
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); 
}

.fc-bg-grain-fc-9185 { position: absolute; inset: 0; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); opacity: 0.04; mix-blend-mode: overlay; pointer-events: none; }
@keyframes fcGradient-fc-9185 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

@keyframes fcPop-fc-9185 {
    0% { opacity: 0; transform: scale(0.5) translateY(50px); }
    60% { opacity: 1; transform: scale(1.05) translateY(-10px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.fc-card { 
    opacity: 0; 
    transform: translateZ(0); 
    will-change: transform, opacity;
}

.fc-in-view .fc-card { 
    animation: fcPop-fc-9185 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}

.fc-side-image-fc-9185 { opacity: 0; transform: translateY(-50%) scale(0.9) translateX(80px); transition: all 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s; }
.fc-bg-heart-fc-9185 { opacity: 0; transform: translate(-10%, calc(-50% + 0%)) scale(0.8); transition: all 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s; }

.fc-in-view .fc-side-image-fc-9185 { opacity: 1; transform: translateY(-50%) scale(0.9) translateX(0); }
.fc-in-view .fc-bg-heart-fc-9185 { opacity: 0.1; transform: translate(-10%, calc(-50% + 0%)) scale(0.5); }
.fc-interactive .fc-side-image-fc-9185 { transition: transform 0.1s ease-out !important; }

.fc-side-image-fc-9185 { display: none; position: absolute; right: -5%; top: 50%; height: 90%; width: auto; object-fit: contain; z-index: 5; pointer-events: none; filter: drop-shadow(-20px 0 30px rgba(0,0,0,0.1)); }
.fc-bg-heart-fc-9185 { display: none; position: absolute; top: 50%; right: 0; width: 600px; height: 600px; z-index: 2; pointer-events: none; } .fc-bg-heart-fc-9185 path { fill: #ffffff; }
@media(min-width: 1280px) { .fc-side-image-fc-9185 { display: block; } .fc-bg-heart-fc-9185 { display: block; } #fc-grid-fc-9185 { margin-right: 25% !important; max-width: none !important; } }
#fc-grid-fc-9185 { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr; gap: 30px; max-width: 1200px; margin: 0 auto; transition: margin 0.3s; }
@media(min-width: 640px) { #fc-grid-fc-9185 { grid-template-columns: repeat(2, 1fr); } } @media(min-width: 1024px) { #fc-grid-fc-9185 { grid-template-columns: repeat(2, 1fr); } }

.fc-card { 
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); 
    border-radius: 20px; 
    padding: 24px; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    gap: 20px; 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.05); 
    position: relative; 
    overflow: hidden; 
    transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; -webkit-font-smoothing: antialiased; 
    height: 100%;
}
@media(max-width: 480px) { .fc-card { flex-direction: column; align-items: center; text-align: center; } }
.fc-card:hover { box-shadow: 0 25px 50px -12px rgba(214, 68, 59, 0.15); background: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.9); }
.fc-icon-wrap { position: relative; width: 80px; height: 80px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; isolation: isolate; transform-style: preserve-3d; }
.fc-heart-bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); } .fc-heart-bg path { fill: inherit; } 
.fc-card:hover .fc-heart-bg { transform: scale(1.2) rotate(15deg) translateY(-5px); opacity: 0.5; }
.fc-icon { position: relative; z-index: 20; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; align-items: center; justify-content: center; transform: translateZ(0); } 
.fc-card:hover .fc-icon { transform: translateZ(50px) scale(1.1); }
.fc-icon svg { display: block; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); }
.fc-content { flex: 1; z-index: 10; position: relative; transform: translateZ(20px); } .fc-content h3 { font-size: 18px; font-weight: 800; color: #1e293b; margin: 0 0 6px 0; line-height: 1.2; } .fc-content p { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; }

.fc-icon-img-free { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 20; transform: translateZ(0); }
.fc-card:hover .fc-icon-img-free { transform: translateZ(50px) scale(1.1); transition: transform 0.4s ease; }
.fc-icon-img-free img { width: auto; height: auto; max-width: none; max-height: none; object-fit: contain; }

.fc-card.variant-compact {
    flex-direction: column-reverse; 
    text-align: center;
    justify-content: space-between;
    padding: 12px 20px; 
}
.fc-card.variant-compact .fc-content {
    margin-bottom: 0; 
    flex: 1;
    display: flex; align-items: center; justify-content: center;
}
.fc-card.variant-compact p { display: none; } 

.fc-snake-svg-fc-9185 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; overflow: visible; }
.fc-snake-path-fc-9185 { fill: none; stroke: url(#line-grad-fc-9185); stroke-width: 11px; stroke-opacity: 0.8; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(214,68,59,0.4)); mask: url(#fc-mask-fc-9185); }
</style>
<div id="fc-section-fc-9185">
    <div class="fc-bg-gradient-fc-9185"></div><div class="fc-bg-grain-fc-9185"></div>
    <svg class="fc-bg-heart-fc-9185" viewBox="0 0 79 74" xmlns="http://www.w3.org/2000/svg"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
    <img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/12/low-poly-bear.png" class="fc-side-image-fc-9185" alt="" />
    
    <div id="fc-wrap-fc-9185">
        
                <div class="fc-header-fc-9185">
                    
                    <div class="fc-header-reveal"><h2>Journey to the Arctic</h2></div>
                </div>
            
        
        <svg id="fc-svg-fc-9185" class="fc-snake-svg-fc-9185">
            <defs>
                <linearGradient id="line-grad-fc-9185" x1="0%" y1="0%" x2="0%" y2="100%">
                    <stop offset="0%" stop-color="#07a5bb" />
                    <stop offset="50%" stop-color="#22465e" />
                    <stop offset="100%" stop-color="#0293ba" />
                </linearGradient>
                <mask id="fc-mask-fc-9185"><rect x="-10000" y="-10000" width="20000" height="20000" fill="white" /><g id="fc-mask-rects-fc-9185"></g></mask>
            </defs>
            <path id="fc-path-fc-9185" class="fc-snake-path-fc-9185" d="" />
        </svg>
        <div id="fc-grid-fc-9185">
                <div class="fc-card " style="animation-delay: 0s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #D6443B; transform: translate(-70px, -8px) scale(3.2); opacity: 0.15;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #D6443B;"><svg xmlns="http://www.w3.org/2000/svg" width="70" height="82" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:70px; min-height:82px;"><path d="M9 21h6v-1.5H9V21zm3-19C8.48 2 5.5 4.98 5.5 8.5c0 2.85 1.43 5.5 3.5 6.95V19h6v-3.55c2.07-1.44 3.5-4.1 3.5-6.95C18.5 4.98 15.52 2 12 2z" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Subject</h3><p>Climate research & Arctic</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.2s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #ED6D32; transform: translate(-70px, -8px) scale(3.2); opacity: 0.15;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #ED6D32;"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:54px; min-height:64px;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14 M22 4L12 14.01l-3-3" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Subject contents</h3><p>Geography, biology, natural sciences, ESD</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.4s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #ED6D32; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #ED6D32;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="464" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:464px;"><path d="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z M12 6v6l4 2" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>30 minutes per run</h3><p>Short and sweet – perfect for a lesson.</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.6000000000000001s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #AF385D; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #AF385D;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="98" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:98px;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2 M9 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8z M23 21v-2a4 4 0 0 0-3-3.87 M16 3.13a4 4 0 0 1 0 7.75" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Up to 4 players per group</h3><p>Ideal for small groups – cooperative & quick to get started.</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.8s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #D6443B; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #D6443B;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:80px;"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z M12 6a6 6 0 1 0 0 12 6 6 0 0 0 0-12z M12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Suitable for grades 5 and above</h3><p>Designed to high educational standards for learners from secondary level I onwards.</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 1s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #AF385D; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #AF385D;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="128" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:128px;"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2L14 8 20 8 M16 13L8 13 M16 17L8 17 M10 9L8 9" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>High-quality accompanying material</h3><p>Differentiated materials with real climate data presented in a child-friendly way. </p></div>
                </div>
                <div class="fc-card " style="animation-delay: 1.2000000000000002s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #ED6D32; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #ED6D32;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="62" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:62px;"><path d="M12 18h.01M4 2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z M12 18h.01" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>For tablets and smartphones</h3><p>Compatible with iOS and Android, no additional devices required.</p></div>
                </div>
                <div class="fc-card variant-compact" style="animation-delay: 1.4000000000000001s; padding-top: 20px;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #AF385D; transform: translate(-230px, -30px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon-img-free"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2020/09/Heartucate_Logo.svg" style="transform: translate(0px, -15px) scale(1.8);" alt="Produced by" /></div>
                    </div>
                    <div class="fc-content"><h3>Produced by</h3><p>Reise in die Arktis ist eine Eigenproduktion der Heartucate GmbH.</p></div>
                </div></div>
        
                <div class="fc-action-wrapper-fc-9185">
                    <a href="https://shop.heartucate.eu/pages/produkte" class="fc-action-btn-fc-9185 fc-btn-reveal">Let's go to the Arctic</a>
                </div>
            
    </div>
</div>
<script>(function(){
    const uid = "fc-9185";
    const s = document.getElementById('fc-section-'+uid);
    const img = s.querySelector('.fc-side-image-'+uid);
    const pathEl = document.getElementById('fc-path-'+uid);
    
    function updP(){
        const grid = document.getElementById('fc-grid-'+uid);
        const path = document.getElementById('fc-path-'+uid);
        const maskG = document.getElementById('fc-mask-rects-'+uid);
        if(!grid || !path || !maskG) return;
        
        const cardsEl = Array.from(grid.children);
        if(cardsEl.length < 2) return;
        
        const containerWidth = grid.offsetWidth;
        
        // CORRECTION: Add Grid Top/Left relative to container to items position
        // Because the SVG is absolute to the WRAPPER, not the GRID.
        const gridTop = grid.offsetTop;
        const gridLeft = grid.offsetLeft;

        const items = cardsEl.map(el => {
            const w = el.offsetWidth;
            const h = el.offsetHeight;
            const x = el.offsetLeft + gridLeft;
            const y = el.offsetTop + gridTop;
            return { el, x, y, w, h, cx: x + w/2, cy: y + h/2, yTop: y };
        });

        const isMobile = window.innerWidth < 640;

        const rows = [];
        items.forEach(item => {
            const row = rows.find(r => Math.abs(r[0].yTop - item.yTop) < 20);
            if(row) row.push(item); else rows.push([item]);
        });
        rows.sort((a,b) => a[0].yTop - b[0].yTop);

        let snakeList = [];
        rows.forEach((row, idx) => {
            row.sort((a,b) => a.cx - b.cx); 
            if(idx % 2 !== 0) row.reverse(); 
            snakeList = snakeList.concat(row);
        });

        let d = "";
        let maskHTML = "";
        
        snakeList.forEach((item, i) => {
            maskHTML += `<rect x="${item.x}" y="${item.y}" width="${item.w}" height="${item.h}" rx="20" ry="20" fill="black" />`;
            const currX = item.cx;
            const currY = item.cy;

            if (i === 0) d += `M ${currX} ${currY}`;
            else {
                const prev = snakeList[i - 1];
                const prevX = prev.cx;
                const prevY = prev.cy;
                
                if(isMobile) {
                    const direction = (i % 2 === 0) ? 1 : -1;
                    const amplitude = 60;
                    const cp1X = prevX + (amplitude * direction);
                    const cp1Y = prevY + (currY - prevY) * 0.5;
                    const cp2X = currX + (amplitude * direction);
                    const cp2Y = currY - (currY - prevY) * 0.5;
                    d += ` C ${cp1X} ${cp1Y}, ${cp2X} ${cp2Y}, ${currX} ${currY}`;
                } else {
                    const isVerticalDrop = Math.abs(currY - prevY) > 50;
                    if (!isVerticalDrop) {
                        const hang = 0;
                        d += ` C ${prevX + (currX-prevX)*0.5} ${prevY + hang}, ${prevX + (currX-prevX)*0.5} ${currY + hang}, ${currX} ${currY}`;
                    } else {
                        const bulge = 60;
                        const dir = (prevX > containerWidth / 2) ? 1 : -1; 
                        d += ` C ${prevX + (bulge * dir)} ${prevY + (currY-prevY)*0.1}, ${currX + (bulge * dir)} ${currY - (currY-prevY)*0.1}, ${currX} ${currY}`;
                    }
                }
            }
        });
        path.setAttribute("d", d);
        maskG.innerHTML = maskHTML;
        
        if(path) {
            const len = path.getTotalLength();
            if(!s.classList.contains('fc-in-view')){
                path.style.strokeDasharray = len;
                path.style.strokeDashoffset = len;
            } else {
                path.style.strokeDasharray = len;
                path.style.strokeDashoffset = 0;
            }
        }
    }

    const ro = new ResizeObserver(() => updP());
    ro.observe(s);

    const o = new IntersectionObserver((e)=>{ 
        e.forEach(entry => { 
            if(entry.isIntersecting) { 
                s.classList.add('fc-in-view'); 
                const path = document.getElementById('fc-path-'+uid);
                if(path) {
                    const len = path.getTotalLength();
                    path.style.strokeDasharray = len;
                    path.style.strokeDashoffset = len;
                    path.getBoundingClientRect();
                    const duration = 8 * 0.4 + 0.5;
                    path.style.transition = `stroke-dashoffset ${duration}s ease-out`;
                    path.style.strokeDashoffset = '0';
                }
                setTimeout(()=>{s.classList.add('fc-interactive');}, 2000); 
                setTimeout(updP, 100); 
                setTimeout(updP, 1200); 
                o.disconnect(); 
            } 
        }); 
    }, { threshold: 0.1 });
    o.observe(s);
    
    // TILT LOGIC FOR CARDS AND BUTTON
    const tiltElements = document.querySelectorAll('#fc-wrap-'+uid+' .fc-card, #fc-wrap-'+uid+' .fc-action-btn-'+uid);
    tiltElements.forEach(el=>{
        el.addEventListener('animationend', () => {
            el.style.animation = 'none'; 
            el.style.opacity = '1';
            el.style.transform = 'translateZ(0)';
        });

        el.addEventListener('mousemove',(e)=>{
            const rect=el.getBoundingClientRect();
            const x=e.clientX-rect.left; const y=e.clientY-rect.top;
            const centerX=rect.width/2; const centerY=rect.height/2;
            const rotateX=((y-centerY)/centerY)*-5; const rotateY=((x-centerX)/centerX)*5;
            // BUTTON SCALES DIFFERENTLY
            const scale = el.classList.contains('fc-action-btn-'+uid) ? 1.05 : 1.02;
            el.style.transform=`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;
        });
        el.addEventListener('mouseleave',()=>{ 
            el.style.transform='perspective(1000px) rotateX(0) rotateY(0) scale(1) translateZ(0)'; 
        });
    });

    if(img && window.innerWidth > 1024) {
        s.addEventListener('mousemove', (e) => {
            if(!s.classList.contains('fc-interactive')) return;
            const rect = s.getBoundingClientRect();
            const x = (e.clientX - rect.left) / rect.width - 0.5;
            const y = (e.clientY - rect.top) / rect.height - 0.5;
            img.style.transform = `translateY(-50%) scale(0.9) perspective(1000px) rotateY(${x * 10}deg) rotateX(${-y * 10}deg) translateX(${x * -20}px) translateY(${y * -20}px)`;
        });
        s.addEventListener('mouseleave', () => {
            img.style.transform = `translateY(-50%) scale(0.9)`;
        });
    }
    
    window.addEventListener('load', updP);
    window.addEventListener('resize', updP);
})();</script><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:25px;width:100%;"></div><div class="fusion-video fusion-selfhosted-video" style="max-width:100%;"><div class="video-wrapper" style="border-radius:30px 30px 30px 30px;"><video playsinline="true" width="100%" style="object-fit: cover;" autoplay="true" muted="true" loop="true" preload="auto" controls="1"><source src="https://heartucate.eu/wp-content/uploads/2025/12/25.25_Heartucate-APP-Trailer_v11.mp4" type="video/mp4">Sorry, your browser doesn&#039;t support embedded videos.</video></div></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:50px;width:100%;"></div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="--awb-min-height:no;--awb-min-height-medium:no;--awb-min-height-small:no;--awb-flex-grow:0;--awb-flex-grow-medium:0;--awb-flex-grow-small:0;--awb-flex-shrink:0;--awb-flex-shrink-medium:0;--awb-flex-shrink-small:0;width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-image-element " style="text-align:center;--awb-max-width:400px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-1 hover-type-none fusion-animated" data-animationType="zoomIn" data-animationDuration="0.8" data-animationOffset="top-into-view"><img fetchpriority="high" decoding="async" width="513" height="514" title="pic1" src="https://heartucate.eu/wp-content/uploads/2026/01/pic1.png" alt class="img-responsive wp-image-58095" srcset="https://heartucate.eu/wp-content/uploads/2026/01/pic1-200x200.png 200w, https://heartucate.eu/wp-content/uploads/2026/01/pic1-400x401.png 400w, https://heartucate.eu/wp-content/uploads/2026/01/pic1.png 513w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 513px" /></span></div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-1 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-three fusion-animated" style="--awb-text-color:#0091b9;--awb-margin-top:55px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationOffset="top-into-view"><h3 class="fusion-title-heading title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:46;line-height:var(--awb-typography1-line-height);">Start your journey to the Arctic!</h3></div><div class="fusion-text fusion-text-1 fusion-animated" style="--awb-margin-top:-10px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationDelay="0.3" data-animationOffset="top-into-view"><p>“Journey to the Arctic” is an interactive augmented reality escape room for children aged 10 and up. In teams of up to four people, players explore the Arctic, solve puzzles, and develop a climate model. The multi-award-winning app combines modern learning with augmented reality and is perfect for use at home, at school, or in extracurricular educational settings.</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-2 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-padding-top:55px;--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-three fusion-animated" style="--awb-text-color:#007aac;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationOffset="top-into-view"><h3 class="fusion-title-heading title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:46;line-height:var(--awb-typography1-line-height);">Interactive climate workshop</h3></div><div class="fusion-text fusion-text-2 fusion-animated" style="--awb-margin-top:-10px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationDelay="0.3" data-animationOffset="top-into-view"><p>Carefully prepared accompanying material is available for the “Journey to the Arctic” app. A presentation provides a clear introduction to climate change and the Arctic, while supplementary worksheets explore the topics of the Arctic ecosystem, climate research, climate models, and specific courses of action in greater depth. The package is rounded off by detailed step-by-step instructions that make it easier for teachers to plan and implement a complete project day.</p>
</div><div ><a class="fusion-button button-flat fusion-button-default-size button-custom fusion-button-default button-1 fusion-button-default-span fusion-button-default-type fusion-animated" style="--button_accent_color:#ffffff;--button_accent_hover_color:#ffffff;--button_border_hover_color:#ffffff;--button-border-radius-top-left:15px;--button-border-radius-top-right:15px;--button-border-radius-bottom-right:15px;--button-border-radius-bottom-left:15px;--button_gradient_top_color:#0091b9;--button_gradient_bottom_color:#0091b9;--button_gradient_top_color_hover:var(--awb-custom_color_3);--button_gradient_bottom_color_hover:var(--awb-custom_color_3);--button_font_size:18px;" data-animationType="zoomIn" data-animationDuration="0.3" data-animationDelay="0.8" data-animationOffset="top-into-view" target="_self" href="https://shop.heartucate.eu/products/arktis-starter-bundle"><span class="fusion-button-text awb-button__text awb-button__text--default">Check out the workshop bundle</span></a></div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-3 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-image-element " style="--awb-max-width:400px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-2 hover-type-none fusion-animated" data-animationType="zoomIn" data-animationDuration="0.3" data-animationOffset="top-into-view"><img decoding="async" width="1080" height="1080" title="1" src="https://heartucate.eu/wp-content/uploads/2025/12/1.png" alt class="img-responsive wp-image-56596" srcset="https://heartucate.eu/wp-content/uploads/2025/12/1-200x200.png 200w, https://heartucate.eu/wp-content/uploads/2025/12/1-400x400.png 400w, https://heartucate.eu/wp-content/uploads/2025/12/1-600x600.png 600w, https://heartucate.eu/wp-content/uploads/2025/12/1-800x800.png 800w, https://heartucate.eu/wp-content/uploads/2025/12/1.png 1080w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div></div></div></div><style>
#aw-354 {
    width: 100vw; 
    position: relative;
    left: 50%;
    margin-left: -50vw;
    box-sizing: border-box;
    overflow: hidden;
    
    /* VARIABLEN */
    --gap: clamp(14px, 2vw, 28px);
    --glass: 12px;
    --glass-bg: rgba(255, 255, 255, 0.4);
    --glass-stroke: rgba(255, 255, 255, 0.6);
    --shadow: 0 10px 30px -10px rgba(0,0,0,0.08);
    /* DYNAMISCHE FARBEN */
    --bg-primary: #0293ba; 
    --bg-secondary: #0fb9c0;
    
    padding: clamp(60px, 8vw, 100px) 50px;
    border-bottom-left-radius: 51px;
    border-bottom-right-radius: 51px;
    color: #1e293b;
    font-family: 'Geometria', sans-serif;
    isolation: isolate;
    min-height: 80vh; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent; 
}

/* BACKGROUND LAYER */
#aw-354 .aw-bg-wrapper {
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    opacity: 1; 
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, black 50%, black 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, black 50%, black 100%);
}

#aw-354 .aw-tint { position: absolute; inset: 0; background: linear-gradient(to bottom, #fff0f0 0%, #fff7ed 100%); }
#aw-354 .aw-grain { position: absolute; inset: 0; opacity: 0.4; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); mix-blend-mode: overlay; }
#aw-354 .aw-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.3; mix-blend-mode: multiply; }
#aw-354 .aw-blob-1 { width: 60vw; height: 60vw; top: -10%; left: -10%; background: var(--bg-primary); animation: float1 25s infinite alternate ease-in-out; }
#aw-354 .aw-blob-2 { width: 50vw; height: 50vw; bottom: -10%; right: -10%; background: var(--bg-secondary); animation: float2 30s infinite alternate ease-in-out; }

@keyframes float1 { from { transform: translate(0,0) rotate(0deg); } to { transform: translate(50px, 50px) rotate(10deg); } }
@keyframes float2 { from { transform: translate(0,0) rotate(0deg); } to { transform: translate(-50px, -30px) rotate(-10deg); } }

/* CARDS */
#aw-354 .aw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 10; }
#aw-354 .aw-card { perspective: 1000px; }
#aw-354 .aw-glass {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    padding: 30px; background: var(--glass-bg); 
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-stroke); border-radius: 20px; box-shadow: var(--shadow);
    transition: transform 0.4s ease, box-shadow 0.4s ease; transform-style: preserve-3d; min-height: 300px; 
}
#aw-354 .aw-glass:hover { transform: translateY(-10px); box-shadow: 0 20px 40px -12px rgba(237, 109, 50, 0.2), 0 0 0 1px rgba(255,255,255,0.8); background: rgba(255, 255, 255, 0.65); }
#aw-354 .aw-img-box { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; padding: 20px; }
#aw-354 .aw-img-box img { max-width: 100%; max-height: 140px; object-fit: contain; transform: translateZ(20px); filter: drop-shadow(0 5px 15px rgba(0,0,0,0.1)); transition: transform 0.4s ease; }
#aw-354 .aw-glass:hover img { transform: translateZ(50px) scale(1.1); }
#aw-354 .aw-year { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%) translateZ(10px); font-size: 15px; font-weight: 800; color: var(--bg-secondary); background: #fff; padding: 6px 18px; border-radius: 99px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); white-space: nowrap; }
#aw-354 .will-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
#aw-354 .in { opacity: 1; transform: translateY(0); }

@media(max-width: 768px) {
    #aw-354 { padding: 60px 20px; }
    #aw-354 .aw-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    #aw-354 .aw-glass { padding: 15px; min-height: 220px; }
    #aw-354 .aw-year { font-size: 12px; padding: 4px 12px; bottom: 15px; }
    #aw-354 .aw-img-box { margin-bottom: 30px; padding: 10px; }
}
</style>

<section id="aw-354">
    <div class="aw-bg-wrapper">
        <div class="aw-tint"></div>
        <div class="aw-blob aw-blob-1"></div>
        <div class="aw-blob aw-blob-2"></div>
        <div class="aw-grain"></div>
    </div>
    <div class="aw-grid">
                <div class="aw-card will-reveal">
                    <div class="aw-glass">
                        <div class="aw-img-box"><img decoding="async" src="https://shop.heartucate.eu/cdn/shop/files/goldenerSpatz_600x.png?v=1757595107" alt="Award 1" loading="lazy"></div>
                        <div class="aw-year">2025</div>
                    </div>
                </div>
            
                <div class="aw-card will-reveal">
                    <div class="aw-glass">
                        <div class="aw-img-box"><img decoding="async" src="https://shop.heartucate.eu/cdn/shop/files/Paedagogischer-Medienpreis-2024_600x.png?v=1757595106" alt="Award 2" loading="lazy"></div>
                        <div class="aw-year">2024</div>
                    </div>
                </div>
            
                <div class="aw-card will-reveal">
                    <div class="aw-glass">
                        <div class="aw-img-box"><img decoding="async" src="https://shop.heartucate.eu/cdn/shop/files/Kurzsuechtig2022_600x.png?v=1757595107" alt="" loading="lazy"></div>
                        <div class="aw-year">2022</div>
                    </div>
                </div>
            
                <div class="aw-card will-reveal">
                    <div class="aw-glass">
                        <div class="aw-img-box"><img decoding="async" src="https://shop.heartucate.eu/cdn/shop/files/besteAutomatisierung21_600x.png?v=1757595107" alt="" loading="lazy"></div>
                        <div class="aw-year">2021</div>
                    </div>
                </div>
            </div>
</section>

<script>
(function(){
    const r = document.getElementById('aw-354');
    if(!r) return;
    const obs = new IntersectionObserver((entries) => {
        entries.forEach(e => {
            if(e.isIntersecting) { e.target.classList.add('in'); obs.unobserve(e.target); }
        });
    }, { threshold: 0.1 });
    r.querySelectorAll('.will-reveal').forEach((el, i) => { el.style.transitionDelay = (i * 100) + 'ms'; obs.observe(el); });
    
    const cards = r.querySelectorAll('.aw-glass');
    cards.forEach(c => {
        c.addEventListener('mousemove', (e) => {
            const b = c.getBoundingClientRect();
            const x = (e.clientX - b.left) / b.width - 0.5;
            const y = (e.clientY - b.top) / b.height - 0.5;
            c.style.transform = `perspective(1000px) rotateX(${y * -8}deg) rotateY(${x * 8}deg) translateY(-10px)`;
        });
        c.addEventListener('mouseleave', () => { c.style.transform = ''; });
    });
})();
</script><style>
#bento-8682 { position: relative; width: 100vw; left: 50%; margin-left: -50vw; box-sizing: border-box; font-family: 'Geometria', sans-serif; padding: 80px 160px; background: transparent; overflow: hidden; }
@media(max-width: 768px) { #bento-8682 { padding: 40px 15px; } }
#bento-8682::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #0293ba, #22465e, #07a5bb, #0fb9c0); opacity: 0.45; z-index: 0; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); }
#bento-8682 .bento-grid { position: relative; z-index: 10; display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: dense; gap: 20px; max-width: 1200px; margin: 0 auto; grid-auto-rows: 90px; }
@media(max-width: 1200px) { #bento-8682 .bento-grid { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 90px; } }
@media(max-width: 800px) { #bento-8682 .bento-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 140px; } }
#bento-8682 .bento-item { position: relative; border-radius: 24px; transform-style: preserve-3d; cursor: pointer; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); z-index: 1; }
#bento-8682 .span-c-1 { grid-column: span 1; } #bento-8682 .span-c-2 { grid-column: span 2; } #bento-8682 .span-c-3 { grid-column: span 3; } #bento-8682 .span-c-4 { grid-column: span 4; } #bento-8682 .span-c-5 { grid-column: span 5; } #bento-8682 .span-c-6 { grid-column: span 6; }
#bento-8682 .span-r-1 { grid-row: span 1; } #bento-8682 .span-r-2 { grid-row: span 2; } #bento-8682 .span-r-3 { grid-row: span 3; } #bento-8682 .span-r-4 { grid-row: span 4; } #bento-8682 .span-r-5 { grid-row: span 5; } #bento-8682 .span-r-6 { grid-row: span 6; }
@media(max-width: 800px) { #bento-8682 .bento-item { grid-column: span 1 !important; grid-row: span 1 !important; } #bento-8682 .bento-item.span-c-3, #bento-8682 .bento-item.span-c-4, #bento-8682 .bento-item.span-c-5, #bento-8682 .bento-item.span-c-6 { grid-column: span 2 !important; grid-row: span 2 !important; } }
#bento-8682 .bento-item.expanded { grid-column: span var(--exp-c, 4) !important; grid-row: span var(--exp-r, 4) !important; z-index: 100; }
@media(max-width: 1200px) { #bento-8682 .bento-item.expanded { grid-column: span min(var(--exp-c, 4), 4) !important; } }
@media(max-width: 800px) { #bento-8682 .bento-item.expanded { grid-column: span 2 !important; grid-row: span 3 !important; } #bento-8682 .bento-item.expanded[data-type="video"] { aspect-ratio: 16/9 !important; height: auto !important; min-height: unset !important; grid-row: span 2 !important; } }
#bento-8682 .bento-grid.has-expanded .bento-item:not(.expanded) { opacity: 0.4; transform: scale(0.96); filter: grayscale(100%); pointer-events: auto; }
#bento-8682 .bento-inner { position: absolute; inset: 0; border-radius: 24px; overflow: hidden; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: transform 0.3s ease-out; transform: translateZ(0); }
#bento-8682 .bento-item.expanded .bento-inner { transform: none !important; box-shadow: 0 40px 100px -20px rgba(0,0,0,0.5); border: 3px solid #4F46E5; }
#bento-8682 .bento-warp-bg { position: absolute; inset: 0; border-radius: 24px; background: linear-gradient(135deg, #0293ba, #22465e); opacity: 0; z-index: -1; transform: scale(0.8); pointer-events: none; }
@keyframes warpShock-bento-8682 { 0% { opacity: 0.6; transform: scale(0.95); } 100% { opacity: 0; transform: scale(1.4); } }
#bento-8682 .bento-item.expanded .bento-warp-bg { animation: warpShock-bento-8682 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }
#bento-8682 .bento-media-wrap { width: 100%; height: 100%; position: relative; }
#bento-8682 img, #bento-8682 video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
#bento-8682 .bento-item:not(.expanded):hover img { transform: scale(1.08); }
#bento-8682 .bento-play-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: white; font-size: 40px; text-shadow: 0 4px 15px rgba(0,0,0,0.5); pointer-events: none; transition: opacity 0.3s; opacity: 0; }
#bento-8682 .bento-item[data-type="video"]:not(.expanded):hover .bento-play-icon { opacity: 1; }
#bento-8682 .bento-item.expanded .bento-play-icon { display: none; }
#bento-8682 .bento-close-btn { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); border-radius: 50%; color: white; border: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 101; opacity: 0; pointer-events: none; transform: scale(0.8); transition: all 0.4s ease; }
#bento-8682 .bento-item.expanded .bento-close-btn { opacity: 1; pointer-events: all; transform: scale(1); }
#bento-8682 .bento-close-btn:hover { background: #C63F40; transform: scale(1.1); }
#bento-8682 .bento-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); opacity: 0; transform: translateY(10px); transition: all 0.3s; pointer-events: none; }
#bento-8682 .bento-item:hover:not(.expanded) .bento-overlay { opacity: 1; transform: translateY(0); }
#bento-8682 .bento-item.expanded .bento-overlay { opacity: 0; }
#bento-8682 h3 { margin: 0; color: white; font-size: 18px; font-weight: 700; }
</style>
<div id="bento-8682"><div class="bento-grid" id="grid-bento-8682">
                <div class="bento-item span-c-3 span-r-3 js-bento-card" data-type="video" style="--exp-c: 5; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><video src="https://heartucate.eu/wp-content/uploads/2025/12/25.25_Heartucate-APP-Trailer_v11.mp4" muted loop playsinline poster=""></video><div class="bento-play-icon">▶</div></div>
                        <div class="bento-overlay"><h3>Trailer</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/o1L_vn8gWp_wLz49cphL3k03cRuHkEkpqoVONLoZk9enXjLyadcqNbHtwAVLMlU_-Xk=w1052-h592-rw" alt="Video" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Echte Klimadaten</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/h55U_h0S4S2YAn5w3TKlG8cOnv6QkDPePKnl24SYkYqGuzxBr3ylPhgEJSTdbe9vWxI=w1052-h592-rw" alt="Detail" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Spannende Rätsel</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/Kr5kqR0sYJ08Ym9fhLDzlg_kYejh0kpxDrG0fwP7Wbt-gW68yC1pWv1RJ4TA5LzQ2Ns=w1052-h592-rw" alt="Atmo" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Entdecke die arktische Fauna</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/igA6dzT11a4auLrGjdt2dxOwFguYzECg5Y0jW768kXvfmeWMNDIFuP2nQyQDHZRirQvv=w1052-h592-rw" alt="Clean" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Eisdicke</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/igNqT_Gvad51735zyCkLtfEzRZNu5BBSmfN-NYZSeplFYWGOy5tdnjCO_juvfoGw8cw=w1052-h592-rw" alt="" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Forschungsstatio </h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-2 span-r-3 js-bento-card" data-type="image" style="--exp-c: 4; --exp-r: 4;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/11/3-Cleaner_Raum.png" alt="" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Trackermatte</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/LnRPBioUSc5S9Zw-yYwKjmJOiMqKkbH7sc-kY48UUmYRH2F2wmrRQzLC-GLXJjiTTA=w1052-h592-rw" alt="" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Aureus</h3></div>
                    </div>
                </div>
                <div class="bento-item span-c-1 span-r-3 js-bento-card" data-type="image" style="--exp-c: 2; --exp-r: 5;">
                    <div class="bento-warp-bg"></div>
                    <div class="bento-inner">
                        <div class="bento-close-btn">✕</div>
                        <div class="bento-media-wrap"><img decoding="async" src="https://play-lh.googleusercontent.com/UMJ30G0352WBT7N_IycM5ilEjMe0Q0Zgp0RvksOXiZ0U8ILR-yg9Ewd6rapmYh1mdCU=w1052-h592-rw" alt="" loading="lazy"></div>
                        <div class="bento-overlay"><h3>Feldbuch</h3></div>
                    </div>
                </div></div></div>
<script>(function(){const grid=document.getElementById('grid-bento-8682'),cards=grid.querySelectorAll('.js-bento-card');cards.forEach(el=>{const vid=el.querySelector('video'),closeBtn=el.querySelector('.bento-close-btn'),inner=el.querySelector('.bento-inner');el.addEventListener('mousemove',(e)=>{if(el.classList.contains('expanded'))return;const r=el.getBoundingClientRect(),x=e.clientX-r.left,y=e.clientY-r.top,cX=r.width/2,cY=r.height/2,rX=((y-cY)/cY)*-4,rY=((x-cX)/cX)*4;inner.style.transform=`perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.02)`});el.addEventListener('mouseleave',()=>{if(!el.classList.contains('expanded'))inner.style.transform='perspective(1000px) rotateX(0) rotateY(0) scale(1)'});el.addEventListener('click',(e)=>{if(el.classList.contains('expanded')&&vid)return;if(el.classList.contains('expanded')&&!vid)return;cards.forEach(c=>{const cVid=c.querySelector('video');if(cVid){cVid.muted=true;cVid.loop=true;cVid.removeAttribute('controls');cVid.play()}c.classList.remove('expanded')});grid.classList.add('has-expanded');el.classList.add('expanded');inner.style.transform='';if(vid){vid.currentTime=0;vid.muted=false;vid.loop=false;vid.setAttribute('controls','true');vid.play()}setTimeout(()=>el.scrollIntoView({behavior:'smooth',block:'center'}),400)});if(closeBtn){closeBtn.addEventListener('click',(e)=>{e.stopPropagation();el.classList.remove('expanded');grid.classList.remove('has-expanded');if(vid){vid.muted=true;vid.loop=true;vid.removeAttribute('controls');vid.play()}})}})})();</script>
<style>
#ref-3932-section { height: 350vh; position: relative; width: 100%; z-index: 10; }
#ref-3932 { position: sticky; top: 0; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); left: 0; right: 0; height: 100vh; overflow: hidden; font-family: 'Geometria', 'Segoe UI', sans-serif; display: flex; align-items: center; justify-content: flex-start; }
#ref-3932 .ref-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; transition: opacity 0.3s; background: linear-gradient(180deg, #ffffff, #f0f9ff); opacity: 1; }
#ref-3932 .ref-track { display: flex; align-items: center; gap: 40px; padding-left: calc(50vw - 200px); padding-right: calc(50vw - 200px); width: max-content; height: 100%; will-change: transform; }
#ref-3932 .ref-item { flex: 0 0 400px; position: relative; z-index: 10; pointer-events: none; }
#ref-3932 .ref-item > * { pointer-events: auto; }
#ref-3932 .ref-transform-layer { width: 100%; transform-origin: center center; transition: transform 0.1s linear, opacity 0.1s linear, filter 0.1s linear; will-change: transform, opacity, filter; }
#ref-3932 .ref-bubble { background: #0890b8; padding: 35px; border-radius: 20px; position: relative; box-shadow: 0 15px 40px -10px rgba(0,0,0,0.08); margin-bottom: 25px; border: 1px solid rgba(0,0,0,0.03); }
#ref-3932 .ref-bubble::after { content: ''; position: absolute; bottom: -14px; left: 40px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0890b8; }
#ref-3932 .ref-quote-icon { position: absolute; top: 15px; right: 25px; font-size: 80px; line-height: 0; font-family: serif; color: #0f766e; opacity: 0.15; }
#ref-3932 p { margin: 0; font-size: 17px; line-height: 1.6; color: #ffffff; font-weight: 500; }
#ref-3932 .ref-footer { padding-left: 20px; display: flex; align-items: center; gap: 20px; }
#ref-3932 .ref-logo { display: block; height: 60px; width: auto; max-width: 140px; object-fit: contain; filter: grayscale(100%); opacity: 0.7; transition: all 0.3s; }
#ref-3932 .ref-transform-layer[data-active="true"] .ref-logo { filter: grayscale(0%); opacity: 1; }
#ref-3932 .ref-meta h4 { margin: 0; font-size: 15px; font-weight: 800; color: #1e293b; }
#ref-3932 .ref-meta span { display: block; font-size: 13px; color: #0f766e; font-weight: 600; margin-top: 2px; }
@media(max-width: 600px) { #ref-3932 .ref-track { padding-left: calc(50vw - 42.5vw); padding-right: calc(50vw - 42.5vw); } #ref-3932 .ref-item { flex: 0 0 85vw; } #ref-3932 .ref-bubble { padding: 25px; } #ref-3932 p { font-size: 15px; } }
</style>
<div id="ref-3932-section"><div id="ref-3932"><div class="ref-bg"></div><div class="ref-track" id="track-ref-3932">
                    <div class="ref-item">
                        <div class="ref-transform-layer">
                            <div class="ref-bubble">
                                <div class="ref-quote-icon">“</div>
                                <p>"Die App ist für unsere BNE-Workshops die perfekte Anwendung um die Themen Klimawandel und Nachhaltigkeit spielerisch zu vertiefen. Die virtuelle Reise zur Forschungsstation und das gemeinsame Rätsellösen war für die Kids auf jeden Fall eine aufregende Erfahrung und hat den Spaßfaktor enorm gesteigert. Eine klare Empfehlung von uns - insbesondere für Lehrkräfte, die BNE und Medienbildung zeitgemäß unterrichten möchten."</p>
                            </div>
                            <div class="ref-footer">
                                <img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/02/Logo-Lfd-rgb_706-300x142.jpg" alt="Hannah Kern" class="ref-logo" />
                                <div class="ref-meta">
                                    <h4>Hannah Kern</h4>
                                    <span>Landesfilmdienst Sachsen e.V.</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ref-item">
                        <div class="ref-transform-layer">
                            <div class="ref-bubble">
                                <div class="ref-quote-icon">“</div>
                                <p>„Die Lernenden waren begeistert von dem Spiel und konnten dabei ihre Teamkompetenz unter Beweis stellen. Während des Kurses fragten die Kinder immer wieder, ob sie es noch einmal spielen dürfen – einige haben es sogar zwei- oder dreimal durchgespielt, ohne das Interesse zu verlieren.“

</p>
                            </div>
                            <div class="ref-footer">
                                <img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/02/Logo_Inspirata_Claim_CMYK-1-400x282.png" alt="AG Kursleiter" class="ref-logo" />
                                <div class="ref-meta">
                                    <h4>AG Kursleiter</h4>
                                    <span>INSPIRATA Zentrum für mathematisch-naturwissenschaftliche Bildung e.V.</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ref-item">
                        <div class="ref-transform-layer">
                            <div class="ref-bubble">
                                <div class="ref-quote-icon">“</div>
                                <p>„Endlich eine Augmented Reality Anwendung, die das Potential von „Mehrspieler-Interaktion“ im Lernkontext überzeugend demonstriert.“</p>
                            </div>
                            <div class="ref-footer">
                                <img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/02/Kombinationslogo_ZLS_nebeneinander-600x197.jpg" alt="Dominik Becher" class="ref-logo" />
                                <div class="ref-meta">
                                    <h4>Dominik Becher</h4>
                                    <span>ZLS, Universität Leipzig</span>
                                </div>
                            </div>
                        </div>
                    </div></div></div></div>
<script>(function(){const section=document.getElementById('ref-3932-section'),sticky=document.getElementById('ref-3932'),track=document.getElementById('track-ref-3932');if(!section||!sticky||!track)return;let rafId;const onScroll=()=>{const rect=section.getBoundingClientRect();const scrollDist=section.offsetHeight-window.innerHeight;let progress=-rect.top/scrollDist;if(progress<0)progress=0;if(progress>1)progress=1;const maxScroll=track.scrollWidth-sticky.offsetWidth;const x=-maxScroll*progress;track.style.transform=`translateX(${x}px)`;const centerPos=Math.abs(x)+(sticky.offsetWidth/2);update3D(centerPos)};const update3D=(centerPos)=>{const viewCenter=window.innerWidth/2;const children=Array.from(track.children);children.forEach(child=>{const rect=child.getBoundingClientRect();const childCenter=rect.left+rect.width/2;const dist=(viewCenter-childCenter)/(rect.width*0.85);const absDist=Math.abs(dist);let rot=-dist*15;if(rot>45)rot=45;if(rot<-45)rot=-45;const z=absDist*-150;let op=1-(absDist*0.35);if(op<0.3)op=0.3;let scale=1-(absDist*0.1);if(scale<0.8)scale=0.8;const inner=child.querySelector('.ref-transform-layer');if(inner){inner.style.transform=`perspective(1000px) rotateY(${rot}deg) translateZ(${z}px) scale(${scale})`;inner.style.opacity=op;inner.style.filter=absDist<0.4?'none':`blur(${absDist*2}px) grayscale(50%)`;if(absDist<0.4)inner.setAttribute('data-active','true');else inner.removeAttribute('data-active')}})};window.addEventListener('scroll',()=>{if(!rafId){rafId=window.requestAnimationFrame(()=>{onScroll();rafId=null})}});window.addEventListener('resize',onScroll);onScroll()})();</script><div class="fusion-text fusion-text-3"><h1><strong><span style="color: #4e4e4e;">Credits</span>:</strong></h1>
</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="--awb-min-height:no;--awb-min-height-medium:no;--awb-min-height-small:no;--awb-flex-grow:0;--awb-flex-grow-medium:0;--awb-flex-grow-small:0;--awb-flex-shrink:0;--awb-flex-shrink-medium:0;--awb-flex-shrink-small:0;width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-4 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-4"><p><strong>Concept / Story:</strong><br />
Franziska Weser, Anna Kirchberg, Josephine Fischer</p>
<p><strong>Technical Director:</strong><br />
<strong>Vincent</strong> Schiller</p>
<p><strong>Unity Programming:</strong><br />
Vincent Schiller, Tobias Marr, Simeon Conzendorf</p>
<p><strong>Art Director:</strong><br />
Vincent Schiller, Robert Schröder</p>
<p><strong>Interface Design:<br />
</strong>Vincent Schiller, Robert Schröder</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-5 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-5"><p><strong>Virtual Set Design:</strong><br />
Vincent Schiller, Christoph Schade, Simeon Conzendorf, Juliane Fischer</p>
<p><strong>Research:</strong><br />
Josephine Fischer, Amelie Friedrich</p>
<p><strong>Scientific advice:</strong><br />
Lisa Grosfeld, Hauke Flores, Morten Iversen, Alfred-Wegener-Institut für Polarforschung</p>
<p><strong>Speaker Professor:</strong><br />
Tim Ludwig</p>
<p><strong>Illustration materials:</strong><br />
Jule Schlüter</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-6 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-6"><p><strong>Cooperational partners: (Prototype development)</strong></p>
</div><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-3 hover-type-none"><img decoding="async" width="534" height="364" title="Bildschirmfoto-2025-12-14-um-21.40.57" src="https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.40.57-1.png" alt class="img-responsive wp-image-57666" srcset="https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.40.57-1-200x136.png 200w, https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.40.57-1-400x273.png 400w, https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.40.57-1.png 534w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 400px" /></span></div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-7 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-7"><p><b>Funded by:</b></p>
</div><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-4 hover-type-none"><img decoding="async" width="508" height="188" title="Bildschirmfoto 2025-12-14 um 21.42.55" src="https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.42.55.png" alt class="img-responsive wp-image-57018" srcset="https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.42.55-200x74.png 200w, https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.42.55-400x148.png 400w, https://heartucate.eu/wp-content/uploads/2025/12/Bildschirmfoto-2025-12-14-um-21.42.55.png 508w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 400px" /></span></div></div></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-8"></div></div></div></div></div></p>
<p>Der Beitrag <a href="https://heartucate.eu/en/productions/journey-to-the-arctic/">Journey to the Arctic</a> erschien zuerst auf <a href="https://heartucate.eu/en">Heartucate</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://heartucate.eu/wp-content/uploads/2025/12/25.25_Heartucate-APP-Trailer_v11.mp4" length="28819717" type="video/mp4" />

			</item>
		<item>
		<title>Mary Shelley – The Lost Memory</title>
		<link>https://heartucate.eu/en/productions/mary-shelley-lost-memories/</link>
		
		<dc:creator><![CDATA[Heartucate-admin]]></dc:creator>
		<pubDate>Mon, 12 Jan 2026 18:38:35 +0000</pubDate>
				<category><![CDATA[Productions]]></category>
		<guid isPermaLink="false">https://heartucate.eu/?p=55351</guid>

					<description><![CDATA[<p>Meet Frankenstein's author!  Mary Shelley - The Lost Memory is an interactive augmented reality escape room for groups and players aged 14 and up. In this adventure, you will encounter Mary Shelley not as a historical figure, but as an artificial intelligence. Your task is to work as a team to repair  [...]</p>
<p>Der Beitrag <a href="https://heartucate.eu/en/productions/mary-shelley-lost-memories/">Mary Shelley – The Lost Memory</a> erschien zuerst auf <a href="https://heartucate.eu/en">Heartucate</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion-flex-column fusion-flex-align-self-flex-start fusion-animated" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-animationType="fadeInUp" data-animationDuration="1.0" data-animationOffset="top-into-view"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column">
<style>
  #hero-track-hero-34503 { 
      position: relative; 
      width: 100vw; 
      left: 50%;
      margin-left: -50vw;
      height: 450vh; 
      z-index: 10; 
  }
  #hero-sticky-viewport-hero-34503 { position: sticky; top: 0; width: 100vw; height: 100vh; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); left: 50%; right: 50%; overflow: hidden; background-color: #1a1a1a; display: flex; align-items: center; justify-content: center; perspective: 1200px; opacity: 0; transition: opacity 0.5s ease-in; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
  #hero-sticky-viewport-hero-34503.loaded { opacity: 1; }
  #hero-main-wrapper-hero-34503 { position: relative; z-index: 100; width: 90vw; max-width: 1000px; aspect-ratio: 1.455; transform-style: preserve-3d; will-change: transform; margin: auto; transition: transform 0.1s cubic-bezier(0.2, 0, 0.4, 1); }
  .hero-mask-hero-34503 { position: absolute; top: 6.5%; left: 5.3%; right: 6.6%; bottom: 8.1%; border-radius: 13px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }
  .hero-gradient-hero-34503 { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 2; pointer-events: none; }
  .hero-layer-hero-34503 { position: absolute; inset: 0; transform-style: preserve-3d; }
  
  .hero-fixed-blur-layer-hero-34503 {
    position: absolute; 
    inset: 1%; 
    border-radius: 20px;
    transform: translateZ(-5px);
    opacity: 0.5;
    background-image: url('https://heartucate.eu/wp-content/uploads/2025/12/display-texture3png.png'); background-size: cover; background-position: center;
    mask-image: radial-gradient(closest-side, transparent 30%, black 80%); -webkit-mask-image: radial-gradient(closest-side, transparent 30%, black 80%);
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 0; 
  }

  #hero-back-hero-34503 { 
      z-index: 10; 
      transform-style: preserve-3d; 
      transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg); 
  }
  
  .hero-frame-img-hero-34503 { transform: translateZ(2px); z-index: 20; }
  
  #hero-room-group-hero-34503 { z-index: 20; pointer-events: none; transform: scale(0.7) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); }
  .hero-room-img-layer-hero-34503 { position: absolute; width: 80%; height: auto; transform-origin: center center; top: -28%; left: 50%; transform: translate(-50%, 0) scale(0.45); will-change: opacity, transform; backface-visibility: hidden; }
  #hero-front-hero-34503 { z-index: 30; pointer-events: none; transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg) translateZ(60px); }
  
  .hero-bubble-hero-34503 {
    position: absolute; display: flex; align-items: center; gap: 8px; padding: 8px 12px;
    background: linear-gradient(135deg, #791d32D9, #22302eD9, #AF385DD9);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    border-radius: 99px; color: white; font-weight: 700; font-size: 13px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    z-index: 1000; pointer-events: none; 
    transform: translate(-50%, -50%) translateZ(150px) scale(0); opacity: 0;
    will-change: transform, opacity;
    white-space: nowrap;
  }
  
  @keyframes heroPop-hero-34503 {
    0% { opacity: 0; transform: translate(-50%, -50%) translateZ(150px) scale(0.5); }
    60% { opacity: 1; transform: translate(-50%, -50%) translateZ(150px) scale(1.1); }
    100% { opacity: 1; transform: translate(-50%, -50%) translateZ(150px) scale(1); }
  }

  .hero-bubble-hero-34503.visible { 
      animation: heroPop-hero-34503 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
  }
  
  .hero-bubble-hero-34503:nth-of-type(1) { animation-delay: 0.1s; }
  .hero-bubble-hero-34503:nth-of-type(2) { animation-delay: 0.2s; }
  .hero-bubble-hero-34503:nth-of-type(3) { animation-delay: 0.3s; }
  .hero-bubble-hero-34503:nth-of-type(4) { animation-delay: 0.4s; }
  .hero-bubble-hero-34503:nth-of-type(5) { animation-delay: 0.5s; }
  .hero-bubble-hero-34503:nth-of-type(6) { animation-delay: 0.6s; }

  .hero-bubble-icon-hero-34503 { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: white; }

  @keyframes spinIn-hero-34503 { 0% { transform: scale(0.5) rotateY(-90deg); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg); opacity: 1; } }
  @keyframes spinInFront-hero-34503 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(60px); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.7) rotateZ(0deg) rotateY(11deg) rotateX(0deg) translateZ(60px); opacity: 1; } }
  @keyframes spinInRoom-hero-34503 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(30px); opacity: 0; } 100% { transform: scale(0.7) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); opacity: 1; } }

  @media (max-width: 768px) {
      .hero-bubble-hero-34503 { display: none !important; }
      #hero-track-hero-34503 { height: 450vh; }
      #hero-sticky-viewport-hero-34503 { perspective: 1200px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
      #hero-main-wrapper-hero-34503 { width: 95vw; max-width: none; aspect-ratio: 0.54; }
      .hero-mask-hero-34503 { top: 10%; left: 7.2%; right: 7.2%; bottom: 4.6%; border-radius: 43px; }
      .hero-gradient-hero-34503 { height: 100%; background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
      
      .hero-fixed-blur-layer-hero-34503 { 
          
         opacity: 0.5;
         transform: translateZ(-5px);
         border-radius: 25px;
         
      }

      #hero-back-hero-34503 { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg); }
      #hero-room-group-hero-34503 { transform: scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); }
      .hero-room-img-layer-hero-34503 { top: 25%; left: 50%; transform: translate(-50%, 0) scale(0.95); }
      #hero-front-hero-34503 { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(60px); }
      @keyframes spinIn-hero-34503 { 0% { transform: scale(0.5) rotateY(-90deg); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg); opacity: 1; } }
      @keyframes spinInFront-hero-34503 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(60px); opacity: 0; } 100% { transform: translate(0%, 0%) scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(60px); opacity: 1; } }
      @keyframes spinInRoom-hero-34503 { 0% { transform: scale(0.5) rotateY(-90deg) translateZ(30px); opacity: 0; } 100% { transform: scale(0.9) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateZ(30px); opacity: 1; } }
  }
  .animate-entry-hero-34503 { animation: spinIn-hero-34503 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
  .animate-room-hero-34503 { animation: spinInRoom-hero-34503 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
  #hero-front-hero-34503.animate-entry-hero-34503 { animation: spinInFront-hero-34503 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
</style>
<div id="hero-track-hero-34503">
  <div id="hero-sticky-viewport-hero-34503">
    <div style="position: absolute; inset: 0; z-index: 1;"><picture style="width: 100%; height: 100%; display: block;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/11/3-Cleaner_Raum.png"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-bg-scaled.png" style="width: 100%; height: 100%; object-fit: cover;" alt="" /></picture></div>
    <div style="position: absolute; inset: 0; z-index: 2; mix-blend-mode: screen; opacity: 0.8;"><picture style="width: 100%; height: 100%; display: block;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/11/Redglow-1.png"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/11/Redglow-1.png" style="width: 100%; height: 100%; object-fit: cover;" alt="" /></picture></div>
    <div id="hero-main-wrapper-hero-34503">
      <div id="hero-back-hero-34503" class="hero-layer-hero-34503 animate-entry-hero-34503">
        <div class="hero-fixed-blur-layer-hero-34503"></div>
        <picture class="hero-frame-img-hero-34503" style="position: absolute; inset: 0; width: 100%; height: 100%;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/12/iphone-mockup.png"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/11/2-tablet.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill;" alt="" /></picture>
        <div class="hero-mask-hero-34503"></div>
      </div>
      <div id="hero-room-group-hero-34503" class="hero-layer-hero-34503 animate-room-hero-34503"><img id="hero-room-slot0-hero-34503" class="hero-room-img-layer-hero-34503" decoding="sync" src="https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/20.png" style="z-index: 1;" alt="" /><img id="hero-room-slot1-hero-34503" class="hero-room-img-layer-hero-34503" decoding="sync" src="https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/20.png" style="z-index: 1; opacity: 0;" alt="" /></div>
      <div id="hero-front-hero-34503" class="hero-layer-hero-34503 animate-entry-hero-34503"><div class="hero-mask-hero-34503"><div id="hero-gradient-el-hero-34503" class="hero-gradient-hero-34503"></div><picture style="position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;"><source media="(max-width: 768px)" srcset="https://heartucate.eu/wp-content/uploads/2025/12/maryhero.png"><img decoding="async" id="hero-logo-img-hero-34503" src="https://heartucate.eu/wp-content/uploads/2025/12/maryhero-1.png" style="position: absolute; width: 40%; height: auto; z-index: 10; transform-origin: center bottom; top: 124%; left: 49%; transform: translate(-50%, -100%) scale(2.7); opacity: 1;" alt="" /></picture></div></div>
      <div id="hero-bubbles-layer-hero-34503" class="hero-layer-hero-34503" style="z-index: 100; pointer-events: none;"></div>
    </div>
  </div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
  const track = document.getElementById('hero-track-hero-34503'), viewport = document.getElementById('hero-sticky-viewport-hero-34503'), wrapper = document.getElementById('hero-main-wrapper-hero-34503');
  const back = document.getElementById('hero-back-hero-34503'), front = document.getElementById('hero-front-hero-34503'), roomGroup = document.getElementById('hero-room-group-hero-34503');
  const bubbleLayer = document.getElementById('hero-bubbles-layer-hero-34503');
  const slots = [document.getElementById('hero-room-slot0-hero-34503'), document.getElementById('hero-room-slot1-hero-34503')], logo = document.getElementById('hero-logo-img-hero-34503'), gradient = document.getElementById('hero-gradient-el-hero-34503');
  const PARALLAX_MAX = 10;
  if(PARALLAX_MAX > 0 && window.matchMedia("(hover: hover)").matches && wrapper) { document.addEventListener('mousemove', (e) => { const x = (e.clientX / window.innerWidth - 0.5) * 2; const y = (e.clientY / window.innerHeight - 0.5) * 2; wrapper.style.transform = `rotateY(${x * PARALLAX_MAX}deg) rotateX(${-y * PARALLAX_MAX}deg)`; }); }
  
  const SEQ_ENABLED = true;
  const SEQ_IMAGES = ["https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/20.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/21.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/22.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/23.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/24.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/25.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/26.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/27.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/28.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/29.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/30.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/31.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/32.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/33.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/34.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/35.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/36.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/37.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/38.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/39.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/40.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/41.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/43.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/44.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/45.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/46.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/47.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/48.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/49.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/50.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/51.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/52.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/53.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/54.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/55.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/56.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/57.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/58.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/59.png","https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/60.png"];
  const ASSETS = { D: { room: "https://heartucate.eu/content/projects/mary-shelley/hero-section/1024x1024/20.png" }, M: { room: "https://heartucate.eu/wp-content/uploads/2025/11/7-1.png" } };
  
  const BUBBLES = [{"text":"Duration: approx. 40 min","icon":"clock","side":"left","x":20,"scale":1,"y":30,"visible":true,"id":1},{"y":50,"visible":true,"x":0,"id":2,"scale":0.9,"side":"left","text":"Up to 4 players","icon":"users"},{"text":"Material included","id":3,"y":70,"icon":"pdf","scale":0.9,"visible":true,"side":"left","x":16},{"side":"right","scale":1.1,"visible":true,"icon":"tablet","x":80,"y":35,"text":"For Tablets/Smartphones","id":4},{"y":55,"visible":true,"side":"right","icon":"target","id":5,"x":85,"text":"Age 14+","scale":0.9},{"visible":true,"id":6,"icon":"vr","side":"right","text":"Augmented Reality Escape Room","y":75,"scale":0.8,"x":78}];
  const ICONS = {"clock":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><polyline points=\"12 6 12 12 16 14\"></polyline></svg>","users":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"></path><circle cx=\"9\" cy=\"7\" r=\"4\"></circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"></path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"></path></svg>","pdf":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"></path><polyline points=\"14 2 14 8 20 8\"></polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"></line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"></line><polyline points=\"10 9 9 9 8 9\"></polyline></svg>","tablet":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"></rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"></line></svg>","target":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><circle cx=\"12\" cy=\"12\" r=\"6\"></circle><circle cx=\"12\" cy=\"12\" r=\"2\"></circle></svg>","vr":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"></path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"></polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"></line></svg>"};
  
  if(window.innerWidth > 768 && BUBBLES.length > 0) {
      BUBBLES.forEach(b => {
          if(!b.visible) return;
          const el = document.createElement('div');
          el.className = 'hero-bubble-hero-34503';
          el.style.left = b.x + '%'; el.style.top = b.y + '%'; el.style.transform = `translate(-50%, -50%) translateZ(150px) scale(${b.scale})`;
          el.innerHTML = `<div class="hero-bubble-icon-hero-34503">${ICONS[b.icon]}</div><span>${b.text}</span>`;
          bubbleLayer.appendChild(el);
      });
  }

  if(SEQ_ENABLED && SEQ_IMAGES.length > 0) SEQ_IMAGES.forEach(src => { const img = new Image(); img.src = src; if('decode' in img) img.decode().catch(()=>{}); });
  if(viewport) viewport.classList.add('loaded');
  const unlockElements = [back, front, roomGroup];
  function unlockAnimation() { unlockElements.forEach(el => { if(el) { el.style.animation = 'none'; el.classList.remove('animate-entry-hero-34503'); el.classList.remove('animate-room-hero-34503'); } }); update(); }
  if(back) { back.addEventListener('animationend', unlockAnimation, { once: true }); setTimeout(unlockAnimation, 1600); } else { update(); }
  const DesktopS = {"roomScale":0.45,"roomRotZ":0,"tabRotZ":0,"tabRotX":0,"tabScale":0.7,"logoOpacity":1,"tabY":0,"roomY":-28,"tabRotY":11,"tabX":0,"logoY":124,"roomRotY":0,"logoScale":2.7,"roomX":50,"logoX":49}, DesktopE = {"roomX":46,"logoX":50,"tabRotX":40,"tabX":0,"roomY":0,"tabRotY":48,"roomRotY":0,"tabRotZ":-27,"tabY":0,"logoOpacity":0,"logoScale":1.3,"logoY":150,"roomScale":0.8,"tabScale":0.7,"roomRotZ":0}, DesktopSEQ = { logo: [0, 0.35], tab: [0.2, 0.6], room3d: [0.6, 1] };
  const MobileS = {"logoY":78,"tabY":0,"tabX":0,"logoX":50,"roomRotZ":0,"tabRotX":0,"roomY":25,"tabScale":0.9,"roomScale":0.95,"tabRotZ":0,"roomRotY":0,"logoScale":1.5,"roomX":50,"logoOpacity":1,"tabRotY":0}, MobileE = {"tabScale":5,"logoScale":0.8,"roomX":50,"tabRotY":48,"logoOpacity":0,"tabY":0,"logoY":150,"tabRotX":40,"tabX":0,"roomScale":0.25,"roomY":34,"roomRotZ":0,"tabRotZ":-27,"roomRotY":0,"logoX":50}, MobileSEQ = { logo: [0, 0.35], tab: [0.2, 0.6], room3d: [0.6, 1] };
  let ticking = false;
  function getProgress(globalP, startP, endP) { if (globalP <= startP) return 0; if (globalP >= endP) return 1; return (globalP - startP) / (endP - startP); }
  function lerp(start, end, t) { return start * (1 - t) + end * t; }
  
  function updateSequence(p3D, baseImg) {
      if (!slots[0] || !slots[1]) return;
      let baseSrc, nextSrc, mix;
      if (!SEQ_ENABLED || SEQ_IMAGES.length === 0) { baseSrc = baseImg; nextSrc = baseImg; mix = 0; } else if (p3D <= 0) { baseSrc = baseImg; nextSrc = SEQ_IMAGES[0]; mix = 0; } else if (p3D >= 1) { const last = SEQ_IMAGES[SEQ_IMAGES.length - 1]; baseSrc = last; nextSrc = last; mix = 0; } else { const totalFrames = SEQ_IMAGES.length - 1; const floatIndex = p3D * totalFrames; const idxBase = Math.floor(floatIndex); const idxNext = Math.min(totalFrames, idxBase + 1); baseSrc = SEQ_IMAGES[idxBase]; nextSrc = SEQ_IMAGES[idxNext]; mix = floatIndex - idxBase; }
      const src0 = slots[0].getAttribute('src'), src1 = slots[1].getAttribute('src');
      let targetSlotBase = 0; if (src1 === baseSrc) targetSlotBase = 1; 
      const targetSlotNext = targetSlotBase === 0 ? 1 : 0; const sBase = slots[targetSlotBase]; if(sBase.getAttribute('src') !== baseSrc) sBase.src = baseSrc; sBase.style.opacity = 1; sBase.style.zIndex = 1; const sNext = slots[targetSlotNext]; if(sNext.getAttribute('src') !== nextSrc) sNext.src = nextSrc; let safeMix = mix; if (safeMix < 0.01) safeMix = 0; sNext.style.opacity = safeMix; sNext.style.zIndex = 2;
  }
  
  function update() {
    if (!track) return;
    const isMobile = window.innerWidth <= 768; const S = isMobile ? MobileS : DesktopS; const E = isMobile ? MobileE : DesktopE; const SEQ = isMobile ? MobileSEQ : DesktopSEQ; const currentBaseRoom = isMobile ? ASSETS.M.room : ASSETS.D.room;
    const rect = track.getBoundingClientRect(); const scrollP = Math.max(0, Math.min(1, -rect.top / (rect.height - window.innerHeight)));
    const pTab = getProgress(scrollP, SEQ.tab[0], SEQ.tab[1]);
    const tScale = lerp(S.tabScale, E.tabScale, pTab), tRotX = lerp(S.tabRotX, E.tabRotX, pTab), tRotY = lerp(S.tabRotY, E.tabRotY, pTab), tRotZ = lerp(S.tabRotZ, E.tabRotZ, pTab), tX = lerp(S.tabX, E.tabX, pTab), tY = lerp(S.tabY, E.tabY, pTab);
    if(back) back.style.transform = `translate(${tX}%, ${tY}%) scale(${tScale}) rotateZ(${tRotZ}deg) rotateY(${tRotY}deg) rotateX(${tRotX}deg)`;
    if(front) front.style.transform = `translate(${tX}%, ${tY}%) scale(${tScale}) rotateZ(${tRotZ}deg) rotateY(${tRotY}deg) rotateX(${tRotX}deg) translateZ(60px)`;
    const rRotX = lerp(S.tabRotX, 0, pTab), rRotY = lerp(S.roomRotY || 0, E.roomRotY || 0, pTab), rRotZ = lerp(S.roomRotZ || 0, E.roomRotZ || 0, pTab), rScale = lerp(S.roomScale, E.roomScale, pTab), rX = lerp(S.roomX, E.roomX, pTab), rY = lerp(S.roomY, E.roomY, pTab), lift = lerp(0, -15, pTab);
    if(roomGroup) roomGroup.style.transform = `scale(${tScale}) rotateZ(${rRotZ}deg) rotateY(${rRotY}deg) rotateX(${rRotX}deg) translateZ(30px)`;
    slots.forEach(img => { if(img) { img.style.top = `${rY}%`; img.style.left = `${rX}%`; img.style.transform = `translate(-50%, ${lift}%) scale(${rScale})`; } });
    
    // THIS LINE WAS THE ISSUE - RESTORED
    const p3D = getProgress(scrollP, SEQ.room3d[0], SEQ.room3d[1]); updateSequence(p3D, currentBaseRoom);
    
    const showBubbles = p3D > 0.1;
    const bubbles = bubbleLayer.querySelectorAll('.hero-bubble-hero-34503');
    bubbles.forEach(b => { if(showBubbles) b.classList.add('visible'); else b.classList.remove('visible'); });

    const pLogo = getProgress(scrollP, SEQ.logo[0], SEQ.logo[1]), lScale = lerp(S.logoScale, E.logoScale, pLogo), lX = lerp(S.logoX, E.logoX, pLogo), lY = lerp(S.logoY, E.logoY, pLogo), lOp = lerp(S.logoOpacity, E.logoOpacity, pLogo);
    if(logo) { logo.style.top = `${lY}%`; logo.style.left = `${lX}%`; logo.style.opacity = lOp; logo.style.transform = `translate(-50%, -100%) scale(${lScale})`; }
    if(gradient) gradient.style.opacity = lOp; 
  }
  window.addEventListener('scroll', () => { if (!ticking) { window.requestAnimationFrame(() => { update(); ticking = false; }); ticking = true; } }, { passive: true });
  window.addEventListener('resize', update); 
});
</script>

<style>
#fc-section-fc-1467 { 
    position: relative; 
    width: 100vw; 
    left: 50%; 
    margin-left: -50vw; 
    box-sizing: border-box;
    padding-top: 160px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 150px;
    margin-top: -50px; 
    overflow: hidden; 
    font-family: 'Geometria', 'Segoe UI', sans-serif;
    display: flex;
    justify-content: center;
}

@media (max-width: 640px) {
    #fc-section-fc-1467 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        margin-top: 0px !important;
    }
}

#fc-wrap-fc-1467 { position: relative; width: 100%; max-width: 1200px; z-index: 10; }

/* HEADER STYLES */
.fc-header-fc-1467 {
    margin-bottom: 60px;
    text-align: left;
    position: relative;
    z-index: 20;
}
.fc-header-fc-1467 h2 {
    font-size: 52px;
    font-weight: 800;
    color: #781710;
    margin: 0;
    line-height: 1.1;
}
.fc-header-logo-fc-1467 {
    display: block;
    width: 60px;
    height: auto;
    margin-bottom: 0px;
    object-fit: contain;
    transform: translateX(105px);
}
@media(max-width: 640px) {
    .fc-header-fc-1467 { text-align: center; } 
    .fc-header-fc-1467 h2 { font-size: 36px; } 
    .fc-header-logo-fc-1467 { transform: translateX(0px); margin-left: auto; margin-right: auto; }
}

/* BUTTON STYLES */
.fc-action-wrapper-fc-1467 {
    margin-top: 40px;
    text-align: center;
    position: relative;
    z-index: 20;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
@media(min-width: 1280px) {
    .fc-action-wrapper-fc-1467 {
        margin-right: 25% !important;
        max-width: none !important;
    }
}

.fc-action-btn-fc-1467 {
    display: inline-block;
    background: #ED6D32;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    border-radius: 12px;
    padding: 16px 32px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transform-style: preserve-3d; 
    perspective: 1000px;
    will-change: transform;
    transition: box-shadow 0.2s ease;
}
.fc-action-btn-fc-1467:hover {
    color: #ffffff !important;
    box-shadow: 0 15px 30px -5px rgba(0,0,0,0.2);
}

.fc-btn-reveal { opacity: 0; transform: translateY(20px); }
.fc-in-view .fc-btn-reveal {
    animation: fcHeaderPop-fc-1467 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    animation-delay: 1.2000000000000002s; 
}

/* HEADER REVEAL ANIMATION */
@keyframes fcHeaderPop-fc-1467 {
    0% { opacity: 0; transform: translateY(20px) scale(0.9); }
    60% { transform: translateY(-5px) scale(1.02); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
.fc-header-reveal { opacity: 0; }
.fc-in-view .fc-header-reveal {
    animation: fcHeaderPop-fc-1467 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.fc-header-logo-fc-1467 { animation-delay: 0.1s; }
.fc-header-fc-1467 h2 { animation-delay: 0.2s; }

.fc-bg-gradient-fc-1467 { 
    position: absolute; inset: 0; z-index: 0; 
    background: linear-gradient(-45deg, #791811, #22302e, #7b5c02, #22302e); 
    background-size: 400% 400%; 
    animation: fcGradient-fc-1467 20s ease infinite; 
    opacity: 0.82; 
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); 
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); 
}

.fc-bg-grain-fc-1467 { position: absolute; inset: 0; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); opacity: 0.04; mix-blend-mode: overlay; pointer-events: none; }
@keyframes fcGradient-fc-1467 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

@keyframes fcPop-fc-1467 {
    0% { opacity: 0; transform: scale(0.5) translateY(50px); }
    60% { opacity: 1; transform: scale(1.05) translateY(-10px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.fc-card { 
    opacity: 0; 
    transform: translateZ(0); 
    will-change: transform, opacity;
}

.fc-in-view .fc-card { 
    animation: fcPop-fc-1467 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}

.fc-side-image-fc-1467 { opacity: 0; transform: translateY(-50%) scale(0.9) translateX(80px); transition: all 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s; }
.fc-bg-heart-fc-1467 { opacity: 0; transform: translate(-10%, calc(-50% + 0%)) scale(0.8); transition: all 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s; }

.fc-in-view .fc-side-image-fc-1467 { opacity: 1; transform: translateY(-50%) scale(0.9) translateX(0); }
.fc-in-view .fc-bg-heart-fc-1467 { opacity: 0.1; transform: translate(-10%, calc(-50% + 0%)) scale(0.5); }
.fc-interactive .fc-side-image-fc-1467 { transition: transform 0.1s ease-out !important; }

.fc-side-image-fc-1467 { display: none; position: absolute; right: -5%; top: 50%; height: 90%; width: auto; object-fit: contain; z-index: 5; pointer-events: none; filter: drop-shadow(-20px 0 30px rgba(0,0,0,0.1)); }
.fc-bg-heart-fc-1467 { display: none; position: absolute; top: 50%; right: 0; width: 600px; height: 600px; z-index: 2; pointer-events: none; } .fc-bg-heart-fc-1467 path { fill: #ffffff; }
@media(min-width: 1280px) { .fc-side-image-fc-1467 { display: block; } .fc-bg-heart-fc-1467 { display: block; } #fc-grid-fc-1467 { margin-right: 25% !important; max-width: none !important; } }
#fc-grid-fc-1467 { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr; gap: 30px; max-width: 1200px; margin: 0 auto; transition: margin 0.3s; }
@media(min-width: 640px) { #fc-grid-fc-1467 { grid-template-columns: repeat(2, 1fr); } } @media(min-width: 1024px) { #fc-grid-fc-1467 { grid-template-columns: repeat(2, 1fr); } }

.fc-card { 
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); 
    border-radius: 20px; 
    padding: 24px; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    gap: 20px; 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.05); 
    position: relative; 
    overflow: hidden; 
    transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; -webkit-font-smoothing: antialiased; 
    height: 100%;
}
@media(max-width: 480px) { .fc-card { flex-direction: column; align-items: center; text-align: center; } }
.fc-card:hover { box-shadow: 0 25px 50px -12px rgba(214, 68, 59, 0.15); background: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.9); }
.fc-icon-wrap { position: relative; width: 80px; height: 80px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; isolation: isolate; transform-style: preserve-3d; }
.fc-heart-bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); } .fc-heart-bg path { fill: inherit; } 
.fc-card:hover .fc-heart-bg { transform: scale(1.2) rotate(15deg) translateY(-5px); opacity: 0.5; }
.fc-icon { position: relative; z-index: 20; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; align-items: center; justify-content: center; transform: translateZ(0); } 
.fc-card:hover .fc-icon { transform: translateZ(50px) scale(1.1); }
.fc-icon svg { display: block; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); }
.fc-content { flex: 1; z-index: 10; position: relative; transform: translateZ(20px); } .fc-content h3 { font-size: 18px; font-weight: 800; color: #1e293b; margin: 0 0 6px 0; line-height: 1.2; } .fc-content p { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; }

.fc-icon-img-free { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 20; transform: translateZ(0); }
.fc-card:hover .fc-icon-img-free { transform: translateZ(50px) scale(1.1); transition: transform 0.4s ease; }
.fc-icon-img-free img { width: auto; height: auto; max-width: none; max-height: none; object-fit: contain; }

.fc-card.variant-compact {
    flex-direction: column-reverse; 
    text-align: center;
    justify-content: space-between;
    padding: 12px 20px; 
}
.fc-card.variant-compact .fc-content {
    margin-bottom: 0; 
    flex: 1;
    display: flex; align-items: center; justify-content: center;
}
.fc-card.variant-compact p { display: none; } 

.fc-snake-svg-fc-1467 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; overflow: visible; }
.fc-snake-path-fc-1467 { fill: none; stroke: url(#line-grad-fc-1467); stroke-width: 11px; stroke-opacity: 0.8; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(214,68,59,0.4)); mask: url(#fc-mask-fc-1467); }
</style>
<div id="fc-section-fc-1467">
    <div class="fc-bg-gradient-fc-1467"></div><div class="fc-bg-grain-fc-1467"></div>
    <svg class="fc-bg-heart-fc-1467" viewBox="0 0 79 74" xmlns="http://www.w3.org/2000/svg"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
    <img decoding="async" src="https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-links.png" class="fc-side-image-fc-1467" alt="" />
    
    <div id="fc-wrap-fc-1467">
        
                <div class="fc-header-fc-1467">
                    
                    <div class="fc-header-reveal"><h2>Mary Shelley - The Lost Memory</h2></div>
                </div>
            
        
        <svg id="fc-svg-fc-1467" class="fc-snake-svg-fc-1467">
            <defs>
                <linearGradient id="line-grad-fc-1467" x1="0%" y1="0%" x2="0%" y2="100%">
                    <stop offset="0%" stop-color="#22302e" />
                    <stop offset="50%" stop-color="#791811" />
                    <stop offset="100%" stop-color="#7b5c02" />
                </linearGradient>
                <mask id="fc-mask-fc-1467"><rect x="-10000" y="-10000" width="20000" height="20000" fill="white" /><g id="fc-mask-rects-fc-1467"></g></mask>
            </defs>
            <path id="fc-path-fc-1467" class="fc-snake-path-fc-1467" d="" />
        </svg>
        <div id="fc-grid-fc-1467">
                <div class="fc-card " style="animation-delay: 0s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #D6443B; transform: translate(-70px, -8px) scale(3.2); opacity: 0.15;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #D6443B;"><svg xmlns="http://www.w3.org/2000/svg" width="70" height="82" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:70px; min-height:82px;"><path d="M9 21h6v-1.5H9V21zm3-19C8.48 2 5.5 4.98 5.5 8.5c0 2.85 1.43 5.5 3.5 6.95V19h6v-3.55c2.07-1.44 3.5-4.1 3.5-6.95C18.5 4.98 15.52 2 12 2z" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Subject</h3><p>Artificial Intelligence & Literature</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.2s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #ED6D32; transform: translate(-70px, -8px) scale(3.2); opacity: 0.15;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #ED6D32;"><svg xmlns="http://www.w3.org/2000/svg" width="58" height="68" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:58px; min-height:68px;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14 M22 4L12 14.01l-3-3" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Subject contents</h3><p>Social studies, ethics, German</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.4s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #ED6D32; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #ED6D32;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="464" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:464px;"><path d="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z M12 6v6l4 2" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>40 minutes per cycle</h3><p>Short and sweet – perfect for a lesson.</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.6000000000000001s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #AF385D; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #AF385D;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="98" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:98px;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2 M9 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8z M23 21v-2a4 4 0 0 0-3-3.87 M16 3.13a4 4 0 0 1 0 7.75" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Up to 4 players per group</h3><p>Ideal for small groups – cooperative & quick to get started.</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 0.8s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #D6443B; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #D6443B;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:80px;"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z M12 6a6 6 0 1 0 0 12 6 6 0 0 0 0-12z M12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>Suitable for grades 7 and above</h3><p>Designed to high educational standards for learners from 7th grade onwards</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 1s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #AF385D; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #AF385D;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="128" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:128px;"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2L14 8 20 8 M16 13L8 13 M16 17L8 17 M10 9L8 9" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>High-quality accompanying material</h3><p>Educational presentation, instructions, and worksheets included.</p></div>
                </div>
                <div class="fc-card " style="animation-delay: 1.2000000000000002s;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #ED6D32; transform: translate(-75px, 0px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon" style="color: #ED6D32;"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="62" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" style="min-width:56px; min-height:62px;"><path d="M12 18h.01M4 2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z M12 18h.01" vector-effect="non-scaling-stroke" /></svg></div>
                    </div>
                    <div class="fc-content"><h3>For tablets and smartphones</h3><p>Compatible with iOS and Android, no additional devices required.</p></div>
                </div>
                <div class="fc-card variant-compact" style="animation-delay: 1.4000000000000001s; padding-top: 20px;">
                    <div class="fc-icon-wrap">
                        <svg class="fc-heart-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 74" style="fill: #AF385D; transform: translate(-230px, -30px) scale(3.2); opacity: 0.1;"><path d="M20.9297 41.6101L39.0897 12.8701L57.2497 41.6101H20.9297Z"/><path d="M20.9004 42.46H57.2904L39.0904 73.98L20.9004 42.46Z"/><path d="M39.9805 12.6802C43.9005 13.5102 58.9805 16.8302 67.7205 18.7702L57.9505 41.1302L39.9805 12.6802Z"/><path d="M40.0098 11.84L53.6398 0L67.2798 17.81L40.0098 11.84Z"/><path d="M55.0195 0.399902L74.9095 8.7799L68.3095 17.7599L55.0195 0.399902Z"/><path d="M68.8496 18.4702L75.2896 9.7002L78.1896 31.2702L68.8496 18.4702Z"/><path d="M68.4096 19.3198L78.1796 32.6998L58.8496 41.2098L68.4096 19.3198Z"/><path d="M58.5 42.2899L77.52 33.9199L61.08 55.9499L58.5 42.2899Z"/><path d="M57.8199 43.2402L60.3799 56.8102L40.6299 73.0202L57.8199 43.2402Z"/><path d="M10.46 18.7702C19.2 16.8302 34.28 13.5102 38.2 12.6802L20.23 41.1302L10.46 18.7702Z"/><path d="M24.5402 0L38.1702 11.84L10.9102 17.81L24.5402 0Z"/><path d="M3.28027 8.7799L23.1703 0.399902L9.87027 17.7599L3.28027 8.7799Z"/><path d="M2.9 9.7002L9.34 18.4702L0 31.2702L2.9 9.7002Z"/><path d="M0.00976562 32.6998L9.76977 19.3198L19.3398 41.2098L0.00976562 32.6998Z"/><path d="M0.660156 33.9199L19.6802 42.2899L17.1002 55.9499L0.660156 33.9199Z"/><path d="M17.7998 56.8102L20.3698 43.2402L37.5598 73.0202L17.7998 56.8102Z"/></svg>
                        <div class="fc-icon-img-free"><img decoding="async" src="https://heartucate.eu/wp-content/uploads/2020/09/Heartucate_Logo.svg" style="transform: translate(0px, -15px) scale(1.8);" alt="Produced by" /></div>
                    </div>
                    <div class="fc-content"><h3>Produced by</h3><p>Mary Shelley - The Lost Memory ist eine Produktion der Heartucate GmbH</p></div>
                </div></div>
        
    </div>
</div>
<script>(function(){
    const uid = "fc-1467";
    const s = document.getElementById('fc-section-'+uid);
    const img = s.querySelector('.fc-side-image-'+uid);
    const pathEl = document.getElementById('fc-path-'+uid);
    
    function updP(){
        const grid = document.getElementById('fc-grid-'+uid);
        const path = document.getElementById('fc-path-'+uid);
        const maskG = document.getElementById('fc-mask-rects-'+uid);
        if(!grid || !path || !maskG) return;
        
        const cardsEl = Array.from(grid.children);
        if(cardsEl.length < 2) return;
        
        const containerWidth = grid.offsetWidth;
        
        // CORRECTION: Add Grid Top/Left relative to container to items position
        // Because the SVG is absolute to the WRAPPER, not the GRID.
        const gridTop = grid.offsetTop;
        const gridLeft = grid.offsetLeft;

        const items = cardsEl.map(el => {
            const w = el.offsetWidth;
            const h = el.offsetHeight;
            const x = el.offsetLeft + gridLeft;
            const y = el.offsetTop + gridTop;
            return { el, x, y, w, h, cx: x + w/2, cy: y + h/2, yTop: y };
        });

        const isMobile = window.innerWidth < 640;

        const rows = [];
        items.forEach(item => {
            const row = rows.find(r => Math.abs(r[0].yTop - item.yTop) < 20);
            if(row) row.push(item); else rows.push([item]);
        });
        rows.sort((a,b) => a[0].yTop - b[0].yTop);

        let snakeList = [];
        rows.forEach((row, idx) => {
            row.sort((a,b) => a.cx - b.cx); 
            if(idx % 2 !== 0) row.reverse(); 
            snakeList = snakeList.concat(row);
        });

        let d = "";
        let maskHTML = "";
        
        snakeList.forEach((item, i) => {
            maskHTML += `<rect x="${item.x}" y="${item.y}" width="${item.w}" height="${item.h}" rx="20" ry="20" fill="black" />`;
            const currX = item.cx;
            const currY = item.cy;

            if (i === 0) d += `M ${currX} ${currY}`;
            else {
                const prev = snakeList[i - 1];
                const prevX = prev.cx;
                const prevY = prev.cy;
                
                if(isMobile) {
                    const direction = (i % 2 === 0) ? 1 : -1;
                    const amplitude = 60;
                    const cp1X = prevX + (amplitude * direction);
                    const cp1Y = prevY + (currY - prevY) * 0.5;
                    const cp2X = currX + (amplitude * direction);
                    const cp2Y = currY - (currY - prevY) * 0.5;
                    d += ` C ${cp1X} ${cp1Y}, ${cp2X} ${cp2Y}, ${currX} ${currY}`;
                } else {
                    const isVerticalDrop = Math.abs(currY - prevY) > 50;
                    if (!isVerticalDrop) {
                        const hang = 0;
                        d += ` C ${prevX + (currX-prevX)*0.5} ${prevY + hang}, ${prevX + (currX-prevX)*0.5} ${currY + hang}, ${currX} ${currY}`;
                    } else {
                        const bulge = 60;
                        const dir = (prevX > containerWidth / 2) ? 1 : -1; 
                        d += ` C ${prevX + (bulge * dir)} ${prevY + (currY-prevY)*0.1}, ${currX + (bulge * dir)} ${currY - (currY-prevY)*0.1}, ${currX} ${currY}`;
                    }
                }
            }
        });
        path.setAttribute("d", d);
        maskG.innerHTML = maskHTML;
        
        if(path) {
            const len = path.getTotalLength();
            if(!s.classList.contains('fc-in-view')){
                path.style.strokeDasharray = len;
                path.style.strokeDashoffset = len;
            } else {
                path.style.strokeDasharray = len;
                path.style.strokeDashoffset = 0;
            }
        }
    }

    const ro = new ResizeObserver(() => updP());
    ro.observe(s);

    const o = new IntersectionObserver((e)=>{ 
        e.forEach(entry => { 
            if(entry.isIntersecting) { 
                s.classList.add('fc-in-view'); 
                const path = document.getElementById('fc-path-'+uid);
                if(path) {
                    const len = path.getTotalLength();
                    path.style.strokeDasharray = len;
                    path.style.strokeDashoffset = len;
                    path.getBoundingClientRect();
                    const duration = 8 * 0.4 + 0.5;
                    path.style.transition = `stroke-dashoffset ${duration}s ease-out`;
                    path.style.strokeDashoffset = '0';
                }
                setTimeout(()=>{s.classList.add('fc-interactive');}, 2000); 
                setTimeout(updP, 100); 
                setTimeout(updP, 1200); 
                o.disconnect(); 
            } 
        }); 
    }, { threshold: 0.1 });
    o.observe(s);
    
    // TILT LOGIC FOR CARDS AND BUTTON
    const tiltElements = document.querySelectorAll('#fc-wrap-'+uid+' .fc-card, #fc-wrap-'+uid+' .fc-action-btn-'+uid);
    tiltElements.forEach(el=>{
        el.addEventListener('animationend', () => {
            el.style.animation = 'none'; 
            el.style.opacity = '1';
            el.style.transform = 'translateZ(0)';
        });

        el.addEventListener('mousemove',(e)=>{
            const rect=el.getBoundingClientRect();
            const x=e.clientX-rect.left; const y=e.clientY-rect.top;
            const centerX=rect.width/2; const centerY=rect.height/2;
            const rotateX=((y-centerY)/centerY)*-5; const rotateY=((x-centerX)/centerX)*5;
            // BUTTON SCALES DIFFERENTLY
            const scale = el.classList.contains('fc-action-btn-'+uid) ? 1.05 : 1.02;
            el.style.transform=`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;
        });
        el.addEventListener('mouseleave',()=>{ 
            el.style.transform='perspective(1000px) rotateX(0) rotateY(0) scale(1) translateZ(0)'; 
        });
    });

    if(img && window.innerWidth > 1024) {
        s.addEventListener('mousemove', (e) => {
            if(!s.classList.contains('fc-interactive')) return;
            const rect = s.getBoundingClientRect();
            const x = (e.clientX - rect.left) / rect.width - 0.5;
            const y = (e.clientY - rect.top) / rect.height - 0.5;
            img.style.transform = `translateY(-50%) scale(0.9) perspective(1000px) rotateY(${x * 10}deg) rotateX(${-y * 10}deg) translateX(${x * -20}px) translateY(${y * -20}px)`;
        });
        s.addEventListener('mouseleave', () => {
            img.style.transform = `translateY(-50%) scale(0.9)`;
        });
    }
    
    window.addEventListener('load', updP);
    window.addEventListener('resize', updP);
})();</script><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:25px;width:100%;"></div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="--awb-min-height:no;--awb-min-height-medium:no;--awb-min-height-small:no;--awb-flex-grow:0;--awb-flex-grow-medium:0;--awb-flex-grow-small:0;--awb-flex-shrink:0;--awb-flex-shrink-medium:0;--awb-flex-shrink-small:0;width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-8 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="text-align:center;--awb-max-width:380px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-5 hover-type-none fusion-animated" data-animationType="zoomIn" data-animationDuration="0.8" data-animationOffset="top-into-view"><img decoding="async" width="1728" height="1922" title="mary shelly iso raum croped" src="https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped.png" alt class="img-responsive wp-image-57101" srcset="https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped-200x222.png 200w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped-400x445.png 400w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped-600x667.png 600w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped-800x890.png 800w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped-1200x1335.png 1200w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-iso-raum-croped.png 1728w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-9 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-three fusion-animated" style="--awb-text-color:#791811;--awb-margin-top:55px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationOffset="top-into-view"><h3 class="fusion-title-heading title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:46;line-height:var(--awb-typography1-line-height);">Meet Frankenstein&#8217;s author!</h3></div><div class="fusion-text fusion-text-9 fusion-animated" style="--awb-margin-top:-10px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationDelay="0.3" data-animationOffset="top-into-view"><p>Mary Shelley &#8211; The Lost Memory is an interactive augmented reality escape room for groups and players aged 14 and up. In this adventure, you will encounter Mary Shelley not as a historical figure, but as an artificial intelligence. Your task is to work as a team to repair the AI, allowing you to get to know the author, her eventful life, and her thoughts on her work in a completely new way.</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-10 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-padding-top:55px;--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-three fusion-animated" style="--awb-text-color:#791811;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationOffset="top-into-view"><h3 class="fusion-title-heading title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:46;line-height:var(--awb-typography1-line-height);">Literary history meets AI ethics</h3></div><div class="fusion-text fusion-text-10 fusion-animated" style="--awb-margin-top:-10px;" data-animationType="zoomIn" data-animationDuration="0.8" data-animationDelay="0.3" data-animationOffset="top-into-view"><p>This experience combines biographical work about a woman who shaped literary history with highly topical questions about the future. While you explore Mary Shelley&#8217;s life, the project also addresses the complex topic of artificial intelligence. It encourages us to reflect on how we deal with AI today and to draw parallels between the novel “Frankenstein” and modern technology.</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-11 fusion_builder_column_inner_1_2 1_2 fusion-flex-column" style="--awb-padding-left:33px;--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-max-width:500px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-6 hover-type-none fusion-animated" data-animationType="zoomIn" data-animationDuration="0.3" data-animationOffset="top-into-view"><img decoding="async" width="2400" height="1792" title="mary shelly aus buch" src="https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1.png" alt class="img-responsive wp-image-57097" srcset="https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1-200x149.png 200w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1-400x299.png 400w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1-600x448.png 600w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1-800x597.png 800w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1-1200x896.png 1200w, https://heartucate.eu/wp-content/uploads/2025/12/mary-shelly-aus-buch-1.png 2400w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div></div></div></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:25px;width:100%;"></div><div class="fusion-text fusion-text-11" style="--awb-text-color:#4f1818;"><h2><span style="color: #7c431f;">Credits:</span></h2>
</div><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="--awb-min-height:no;--awb-min-height-medium:no;--awb-min-height-small:no;--awb-flex-grow:0;--awb-flex-grow-medium:0;--awb-flex-grow-small:0;--awb-flex-shrink:0;--awb-flex-shrink-medium:0;--awb-flex-shrink-small:0;width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-12 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-12"><p><strong style="color: #791811;">Based on an idea by:</strong><br />
Sarah Kirschke &amp; Ernesta Scheck</p>
<p><strong style="color: #791811;">Head of Creative:</strong><br />
Lisa Marie Rothe</p>
<p><strong><span style="color: #791811;">Producer:</span></strong><br />
Franziska Weser</p>
<p><strong style="color: #791811;">Technical Lead:</strong><br />
Vincent Schiller</p>
<p><strong style="color: #791811;">Art Director:</strong><br />
Robert Schröder</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-13 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-13"><p><b><span style="color: #791811;">P</span></b><b style="color: #791811;">roduction assistant / 2D:</b><br />
Ernesta Scheck</p>
<p><strong style="color: #791811;">Production assistant / 3D: </strong><br />
Sarah Kirschke</p>
<p><strong><span style="color: #791811;">Dramaturgical advice:</span> </strong><br />
Nico Nowarra</p>
<p><strong style="color: #791811;">Advice Mary Shelley:</strong><br />
Barbara Sichtermann</p>
<p><strong style="color: #791811;">Advice Distribution:</strong><br />
Nadja Frank</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-14 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-14"><p><strong style="color: #791811;"><u>Production company:</u></strong></p>
</div><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-7 hover-type-none"><img decoding="async" width="2000" height="1110" title="Heartucate_Logo_onWhite_WEB" src="https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB.jpg" alt class="img-responsive wp-image-54154" srcset="https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB-200x111.jpg 200w, https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB-400x222.jpg 400w, https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB-600x333.jpg 600w, https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB-800x444.jpg 800w, https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB-1200x666.jpg 1200w, https://heartucate.eu/wp-content/uploads/2022/10/Heartucate_Logo_onWhite_WEB.jpg 2000w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 400px" /></span></div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-15 fusion_builder_column_inner_1_4 1_4 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-15"><p style="color: #791811;"><strong>Funded by:</strong></p>
</div><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-8 hover-type-none"><img decoding="async" width="1280" height="720" title="mdm" src="https://heartucate.eu/wp-content/uploads/2020/12/mdm.png" alt class="img-responsive wp-image-51701" srcset="https://heartucate.eu/wp-content/uploads/2020/12/mdm-200x113.png 200w, https://heartucate.eu/wp-content/uploads/2020/12/mdm-400x225.png 400w, https://heartucate.eu/wp-content/uploads/2020/12/mdm-600x338.png 600w, https://heartucate.eu/wp-content/uploads/2020/12/mdm-800x450.png 800w, https://heartucate.eu/wp-content/uploads/2020/12/mdm-1200x675.png 1200w, https://heartucate.eu/wp-content/uploads/2020/12/mdm.png 1280w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 400px" /></span></div></div></div></div></div></div></div></div>
<p>Der Beitrag <a href="https://heartucate.eu/en/productions/mary-shelley-lost-memories/">Mary Shelley – The Lost Memory</a> erschien zuerst auf <a href="https://heartucate.eu/en">Heartucate</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
