Who stars in Basic Elements?

Basic Elements stars Lorenzo Barbasetti di Prun.
What is Basic Elements about?

The documentary explores the world of culture, nature and gastronomy through one chef's eyes across the marshlands of the Venetian Lagoon.
Basic Elements

Name: Basic Elements
Director: Yanguan Rosanna Suter
Genre: Documentary
Released: 2021-10-06
Duration: 5 min
Cast: Lorenzo Barbasetti di Prun
Original: Elementi Minimi
DETAILS

FORMAT
Movie
RELEASE DATE
Oct. 6, 2021
STATUS
Released
RUNTIME
RUNTIME MINUTES
STUDIOS
Unknown
COUNTRY
Italy
LANGUAGES
Italian
BUDGET
$100
SOURCE
Paste this on your site or blog:
        </div>

        
        
        <div class="mt-4 pt-4 border-t border-white/10">
          <span class="text-xs text-gray-500 block mb-2">KEYWORDS</span>
          <div class="flex flex-wrap gap-1">
            
              <a href="/discover/keyword/658/sea"
                 class="detail-keyword-tag text-gray-300 hover:text-white transition-colors spatial-focus"
                sea
              </a>
            
              <a href="/discover/keyword/110/venice-italy"
                 class="detail-keyword-tag text-gray-300 hover:text-white transition-colors spatial-focus"
                venice, italy
              </a>
            
              <a href="/discover/keyword/156317/lagoon"
                 class="detail-keyword-tag text-gray-300 hover:text-white transition-colors spatial-focus"
                lagoon
              </a>
            
              <a href="/discover/keyword/215720/gastronomy"
                 class="detail-keyword-tag text-gray-300 hover:text-white transition-colors spatial-focus"
                gastronomy
              </a>
            
              <a href="/discover/keyword/267208/cultural-preservation"
                 class="detail-keyword-tag text-gray-300 hover:text-white transition-colors spatial-focus"
                cultural preservation
              </a>
            
              <a href="/discover/keyword/272851/environmental-documentary"
                 class="detail-keyword-tag text-gray-300 hover:text-white transition-colors spatial-focus"
                environmental documentary
              </a>
            
          </div>
        </div>
        
      </div>
    </div>

       
      
        <div class="mb-6" x-init="spatialNav.registerZone('cast-grid', $el)">
          <h2 class="text-lg font-semibold text-white mb-3">Cast</h2>
          <div class="detail-cast-grid">
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group spatial-focus">
  <div class="relative">
    <a href="/discover/person/3247154"
       class="block">
      <img alt="Lorenzo Barbasetti di Prun"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] "
           data-src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    <div class="absolute inset-0 bg-black/40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-200">
      <a href="/discover/person/3247154"
         class="p-2.5 bg-indigo-600 text-white rounded-full hover:bg-indigo-500 hover:scale-110 transition-all duration-200 spatial-focus">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-5 h-5">
    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/>
    <circle cx="12" cy="7" r="4"/>
</svg>

      </a>
    </div>
  </div>

  <div class="p-3">
    <div class="text-sm font-semibold text-white line-clamp-1"
         title="Lorenzo Barbasetti di Prun">Lorenzo Barbasetti di Prun</div>
    <div class="text-xs text-gray-400 line-clamp-1 mt-1"
         title="Himself">Himself</div>
  </div>
</div>

            
          </div>
          
        </div>
      

      
      
        <div class="mb-6" x-init="spatialNav.registerZone('crew', $el)">
          <h2 class="text-lg font-semibold text-white mb-3">Crew</h2>
          <div class="detail-crew-grid">
            
              <a href="/discover/person/1298137"
                 class="flex items-center gap-3 bg-black/40 hover:bg-black/60 rounded-lg p-2 transition-colors spatial-focus"
                <img src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg" alt="Pietro Agnoletto"
                     class="w-10 h-10 rounded-full object-cover bg-black/60"
                     loading="lazy"
                     onerror="this.src='https://image.tmdb.org/t/p/w500/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg'">
                <div class="min-w-0">
                  <p class="text-sm text-white truncate">Pietro Agnoletto</p>
                  <p class="text-xs text-gray-400">Director</p>
                </div>
              </a>
            
              <a href="/discover/person/3247155"
                 class="flex items-center gap-3 bg-black/40 hover:bg-black/60 rounded-lg p-2 transition-colors spatial-focus"
                <img src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg" alt="Baiba Pruse"
                     class="w-10 h-10 rounded-full object-cover bg-black/60"
                     loading="lazy"
                     onerror="this.src='https://image.tmdb.org/t/p/w500/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg'">
                <div class="min-w-0">
                  <p class="text-sm text-white truncate">Baiba Pruse</p>
                  <p class="text-xs text-gray-400">Producer</p>
                </div>
              </a>
            
              <a href="/discover/person/3247156"
                 class="flex items-center gap-3 bg-black/40 hover:bg-black/60 rounded-lg p-2 transition-colors spatial-focus"
                <img src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg" alt="Noemi Petrassi"
                     class="w-10 h-10 rounded-full object-cover bg-black/60"
                     loading="lazy"
                     onerror="this.src='https://image.tmdb.org/t/p/w500/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg'">
                <div class="min-w-0">
                  <p class="text-sm text-white truncate">Noemi Petrassi</p>
                  <p class="text-xs text-gray-400">Director</p>
                </div>
              </a>
            
              <a href="/discover/person/3247157"
                 class="flex items-center gap-3 bg-black/40 hover:bg-black/60 rounded-lg p-2 transition-colors spatial-focus"
                <img src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg" alt="Yanguan Rosanna Suter"
                     class="w-10 h-10 rounded-full object-cover bg-black/60"
                     loading="lazy"
                     onerror="this.src='https://image.tmdb.org/t/p/w500/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg'">
                <div class="min-w-0">
                  <p class="text-sm text-white truncate">Yanguan Rosanna Suter</p>
                  <p class="text-xs text-gray-400">Director</p>
                </div>
              </a>
            
          </div>
        </div>
      

      
      

      
      
        <div class="mb-6" x-init="spatialNav.registerZone('gallery', $el)">
          <h2 class="text-lg font-semibold text-white mb-3">Gallery</h2>
          <div x-data="{ lightbox: null }">
            
            <div class="mb-4 w-1/4">
              <img alt="Basic Elements"
                   src="https://image.tmdb.org/t/p/w500/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg"
                   loading="eager">
            </div>

            
            
              <div class="detail-gallery-posters mt-2">
                
                  <button @click="lightbox = 'https://image.tmdb.org/t/p/w500/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg'" class="rounded-lg overflow-hidden cursor-pointer group spatial-focus"
                    <img src="https://image.tmdb.org/t/p/w185/9dGwCwe3Eb1DEsKkpJvWV0yjM8t.jpg" alt="Basic Elements poster" class="w-full aspect-[2/3] object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy">
                  </button>
                
              </div>
            
            <div x-show="lightbox" x-cloak @click="lightbox = null" @keydown.escape.window="lightbox = null"
                 class="detail-lightbox">
              <img :src="lightbox" alt="Basic Elements" class="shadow-2xl">
            </div>
          </div>
        </div>
      

      
      

      
      

  
    
      
        
          
        
          
            
            <section class="mb-8" x-init="spatialNav.registerZone('related-' + 'recommendations', $el)">
            
              <h2 class="text-xl font-bold mb-4">Recommendations</h2>
              <div class="detail-related-grid">
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/89708/samsara">
      <img alt="Samsara"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/qodkea4k0pNUmNTl5TJO2PdTqgW.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/89708/samsara"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Samsara">Samsara</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/89708/samsara"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/21710/fuck">
      <img alt="Fuck"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/26KoTqt7297hMcyU98hzlENhZJc.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/21710/fuck"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Fuck">Fuck</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/21710/fuck"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1059673/avatar-the-deep-dive-a-special-edition-of-2020">
      <img alt="Avatar: The Deep Dive - A Special Edition of 20/20"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pzZGqIyrrSqIfrkPLJnN1tvCGnV.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1059673/avatar-the-deep-dive-a-special-edition-of-2020"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Avatar: The Deep Dive - A Special Edition of 20/20">Avatar: The Deep Dive - A Special Edition of 20/20</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1059673/avatar-the-deep-dive-a-special-edition-of-2020"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/508003/mcqueen">
      <img alt="McQueen"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/bc5kAqhNfLitH7zMlLvLRbxV0xD.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/508003/mcqueen"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="McQueen">McQueen</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/508003/mcqueen"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/21925/naqoyqatsi">
      <img alt="Naqoyqatsi"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/buDo6FcSlOVEQJomKB0IviNV0Do.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/21925/naqoyqatsi"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Naqoyqatsi">Naqoyqatsi</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/21925/naqoyqatsi"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1132324/lionel-messi-destiny">
      <img alt="Lionel Messi: Destiny"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/10CzmyYOvrGo2bgQ4cWKyU1nSzR.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1132324/lionel-messi-destiny"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Lionel Messi: Destiny">Lionel Messi: Destiny</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1132324/lionel-messi-destiny"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1461714/my-mom-jayne">
      <img alt="My Mom Jayne"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/6KpfMouMavYr1UwTz6612YhYjbs.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1461714/my-mom-jayne"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="My Mom Jayne">My Mom Jayne</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1461714/my-mom-jayne"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1723460/a-toxic-love-story">
      <img alt="A Toxic Love Story"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/9CmyFXKqQRVbGGxyJE6kp7fhrHa.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1723460/a-toxic-love-story"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="A Toxic Love Story">A Toxic Love Story</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1723460/a-toxic-love-story"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/591278/game-of-thrones-the-last-watch">
      <img alt="Game of Thrones: The Last Watch"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/tVyKpOYDtKzs4SOYCbZn4YNFWHI.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/591278/game-of-thrones-the-last-watch"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Game of Thrones: The Last Watch">Game of Thrones: The Last Watch</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/591278/game-of-thrones-the-last-watch"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1591516/evil-influencer-the-jodi-hildebrandt-story">
      <img alt="Evil Influencer: The Jodi Hildebrandt Story"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/xCawp08whOaJS434IDlBytX7sSm.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1591516/evil-influencer-the-jodi-hildebrandt-story"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Evil Influencer: The Jodi Hildebrandt Story">Evil Influencer: The Jodi Hildebrandt Story</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1591516/evil-influencer-the-jodi-hildebrandt-story"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/642732/roadrunner-a-film-about-anthony-bourdain">
      <img alt="Roadrunner: A Film About Anthony Bourdain"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/fSIxSilGIoo9x4OZbzxT1QJ9B5e.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/642732/roadrunner-a-film-about-anthony-bourdain"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Roadrunner: A Film About Anthony Bourdain">Roadrunner: A Film About Anthony Bourdain</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/642732/roadrunner-a-film-about-anthony-bourdain"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/376534/cameraperson">
      <img alt="Cameraperson"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/p1Od99QxnzCB9vKu9uxkZQlPZQ5.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/376534/cameraperson"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Cameraperson">Cameraperson</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/376534/cameraperson"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/121831/love-marilyn">
      <img alt="Love, Marilyn"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pWwZEW6kOpQ6CEw2n2y6kvVXYAK.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/121831/love-marilyn"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Love, Marilyn">Love, Marilyn</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/121831/love-marilyn"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/543084/the-biggest-little-farm">
      <img alt="The Biggest Little Farm"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/xpR9OdRibETfuWNrdxStAJDRU7A.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/543084/the-biggest-little-farm"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="The Biggest Little Farm">The Biggest Little Farm</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/543084/the-biggest-little-farm"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/645488/aquaman-heroines-of-atlantis">
      <img alt="Aquaman: Heroines of Atlantis"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pa7m8nqDrEi7hAGB5vTnCkGLPC2.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/645488/aquaman-heroines-of-atlantis"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Aquaman: Heroines of Atlantis">Aquaman: Heroines of Atlantis</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/645488/aquaman-heroines-of-atlantis"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/101267/katy-perry-part-of-me">
      <img alt="Katy Perry: Part of Me"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/yPW5Lmptt7z8rCYtVYjkpyjI3SY.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/101267/katy-perry-part-of-me"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Katy Perry: Part of Me">Katy Perry: Part of Me</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/101267/katy-perry-part-of-me"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/664601/gunda">
      <img alt="Gunda"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/XMlouldLxRt0RkH34GdGst9pxo.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/664601/gunda"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Gunda">Gunda</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/664601/gunda"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/14002/baraka">
      <img alt="Baraka"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/ldEuJQ4z7zEvL7iXraESWBUfQcz.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/14002/baraka"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Baraka">Baraka</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/14002/baraka"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/936643/marvel-studios-assembled-the-making-of-hawkeye">
      <img alt="Marvel Studios Assembled: The Making of Hawkeye"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pQOLNPHe4rwXl3RpKNa0VWjYNLR.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/936643/marvel-studios-assembled-the-making-of-hawkeye"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Marvel Studios Assembled: The Making of Hawkeye">Marvel Studios Assembled: The Making of Hawkeye</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/936643/marvel-studios-assembled-the-making-of-hawkeye"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
                  
                    
                    

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/51863/seven-up">
      <img alt="Seven Up!"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/pgxBgde0VpbbdpN6bL05gpMtlC9.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/51863/seven-up"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Seven Up!">Seven Up!</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/51863/seven-up"
       class="absolute inset-0"></a>
  </div>
</div>
                  
                
              </div>
            </section>
          
        
      

      
      
        <section class="mb-8" x-init="spatialNav.registerZone('similar', $el)">
          <h2 class="text-xl font-bold mb-4">Similar Movies</h2>
          <div class="detail-related-grid">
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1630675/derriere-lassiette">
      <img alt="Derrière l'assiette"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/hHQjYEBGyPqFvJ7ds0aQGutoOBs.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2025-06-11
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1630675/derriere-lassiette"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Derrière l'assiette">Derrière l'assiette</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1630675/derriere-lassiette"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1446184/bhoutan-la-naissance-dune-democratie">
      <img alt="Bhoutan, la naissance d'une démocratie"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/s7cd4v8E3MJROA3ONOYdixTC0cv.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2008-04-20
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1446184/bhoutan-la-naissance-dune-democratie"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Bhoutan, la naissance d'une démocratie">Bhoutan, la naissance d'une démocratie</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1446184/bhoutan-la-naissance-dune-democratie"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/687352/a-way-of-saying">
      <img alt="A Way of Saying"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/wsHzrdk5p4Hz5AIxwN31Hwin1Ix.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2011-01-01
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/687352/a-way-of-saying"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="A Way of Saying">A Way of Saying</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/687352/a-way-of-saying"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1633606/pakta-ledak-the-pact-of-the-blast">
      <img alt="Pakta Ledak The Pact of the Blast"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/wDyXd6EKxOYEQUeASGnLTirBdhS.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2025-09-10
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1633606/pakta-ledak-the-pact-of-the-blast"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Pakta Ledak The Pact of the Blast">Pakta Ledak The Pact of the Blast</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1633606/pakta-ledak-the-pact-of-the-blast"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1637730/whiddy">
      <img alt="Whiddy"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1637730/whiddy"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Whiddy">Whiddy</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1637730/whiddy"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1459068/amazorioca">
      <img alt="AMAZORIOCA"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/haDWbSyT2F8LOd7Ma2YgjmfQhrK.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2025-05-01
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1459068/amazorioca"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="AMAZORIOCA">AMAZORIOCA</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1459068/amazorioca"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1458774/snow-in-curitiba">
      <img alt="Snow in Curitiba"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/wi1mAW0FbyA1mdvJfqQoDvsHNoG.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        1928-08-01
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1458774/snow-in-curitiba"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Snow in Curitiba">Snow in Curitiba</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1458774/snow-in-curitiba"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1632153/inspecteur-savary">
      <img alt="Inspecteur Savary"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/krLvqb5u19MyLmHm6OcjVIrNl6G.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    
      <div class="absolute top-2 right-2 text-white px-1.5 py-0.5 rounded flex items-center" style="font-size:11px;background:rgba(0,0,0,.6)">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="currentColor"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-3 h-3 text-yellow-400 mr-0.5 fill-current">
    <polygon
            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
</svg>

        10.0
      </div>
    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1632153/inspecteur-savary"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Inspecteur Savary">Inspecteur Savary</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1632153/inspecteur-savary"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1253329/smoke-signals">
      <img alt="Smoke Signals"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/ruje86MFgDsrQQ5pZAotk4Z1ktn.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2024-04-27
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1253329/smoke-signals"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Smoke Signals">Smoke Signals</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1253329/smoke-signals"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1448239/not-yet-there">
      <img alt="Not Yet There"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/eaDEPeEfqHlnbZ7tg4kiyhWYFFk.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    
      <div class="absolute top-2 right-2 text-white px-1.5 py-0.5 rounded flex items-center" style="font-size:11px;background:rgba(0,0,0,.6)">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="currentColor"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-3 h-3 text-yellow-400 mr-0.5 fill-current">
    <polygon
            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
</svg>

        10.0
      </div>
    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2022-03-28
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1448239/not-yet-there"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Not Yet There">Not Yet There</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1448239/not-yet-there"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/1448248/50-hours-underwater">
      <img alt="50 Hours Underwater"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/yk1F2pAGBaOcxqZjIEf87g3xl2y.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    
      <div class="absolute top-2 right-2 text-white px-1.5 py-0.5 rounded flex items-center" style="font-size:11px;background:rgba(0,0,0,.6)">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="currentColor"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-3 h-3 text-yellow-400 mr-0.5 fill-current">
    <polygon
            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
</svg>

        10.0
      </div>
    

    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/1448248/50-hours-underwater"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="50 Hours Underwater">50 Hours Underwater</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/1448248/50-hours-underwater"
       class="absolute inset-0"></a>
  </div>
</div>
            
              

<div class="bg-[#2a2f35] rounded-lg overflow-hidden shadow-lg relative group">
  <div class="relative">
    <a href="/details/tmdb/movie/678974/chernobyl-fukushima-living-with-the-legacy">
      <img alt="Chernobyl, Fukushima: Living with the Legacy"
           class="lazyload w-full aspect-2/3 bg-[#3e454d] object-cover"
           data-src="https://image.tmdb.org/t/p/w500/jMdNh7gcy2PxhPfzmny5C8MlYWS.jpg"
           src="https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-38-picture-grey-c2ebdbb057f2a7614185931650f8cee23fa137b93812ccb132b9df511df1cfac.svg">
    </a>

    
      <div class="absolute top-2 right-2 text-white px-1.5 py-0.5 rounded flex items-center" style="font-size:11px;background:rgba(0,0,0,.6)">
        <svg xmlns="http://www.w3.org/2000/svg"
     height="100%"
     viewBox="0 0 24 24"
     fill="currentColor"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
     class="w-3 h-3 text-yellow-400 mr-0.5 fill-current">
    <polygon
            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
</svg>

        7.3
      </div>
    

    
      <div class="hidden sm:block absolute top-1 left-1 bg-gray-900/90 text-white px-1.5 py-0.5 rounded shadow-md" style="font-size:10px">
        2016-04-26
      </div>
    

    

    
    
  </div>

  <div class="p-2">
    <a href="/details/tmdb/movie/678974/chernobyl-fukushima-living-with-the-legacy"
       class="text-xs font-semibold text-white hover:text-indigo-400 transition duration-300 line-clamp-1"
       title="Chernobyl, Fukushima: Living with the Legacy">Chernobyl, Fukushima: Living with the Legacy</a>
  </div>

  <div class="absolute inset-0 bg-black/50 opacity-0 hover-tap:opacity-100 transition-opacity duration-200">
    <a href="/details/tmdb/movie/678974/chernobyl-fukushima-living-with-the-legacy"
       class="absolute inset-0"></a>
  </div>
</div>
            
          </div>
        </section>
      

      
      
    </div>
<script>
(function(){
  // Poster wrap stays as detail-poster-wrap without position changes
})();
</script>


            </div>
            </main>

            
         </div>
       </div>

      

      
      
<nav id="mfy-tld-switcher" class="bg-[#1a1d20] border-t border-[#2c3136] py-3 px-4" aria-label="TLD Switcher">
  <div class="container mx-auto flex items-center justify-center gap-2 flex-wrap text-xs">
    <span class="text-gray-500 mr-2">Moviefy domains:</span>
    
  </div>
</nav>

    

    
    

    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', () => {
          navigator.serviceWorker.register('/static/js/serviceworker.js')
            .then((registration) => {
              console.log('SW registered: ', registration);
            })
            .catch((registrationError) => {
              console.log('SW registration failed: ', registrationError);
            });
        });
      }
    </script>

    

    <script src="/static/js/mediaStatusDateHandler.js?1788893170"></script>
    <script src="/static/js/searchShortcut.js?1788893170"></script>
    <script>
      document.addEventListener('htmx:configRequest', function(e) {
        e.detail.headers['X-CSRFToken'] = 'ncS70TlAKZGW4czDTsCrLXd9n3D0Wzbi5HuEuU2dO5ueplItgAdp2Qc8Fe38WJNy';
      });
    </script>

    
    <div style="text-align:center;padding:14px 8px;font-size:11px;color:#6b7280;border-top:1px solid #2c3136;margin-top:24px;">
      <a href="/terms"   style="color:#6b7280;text-decoration:none;padding:0 8px;">Terms</a>·
      <a href="/privacy" style="color:#6b7280;text-decoration:none;padding:0 8px;">Privacy</a>·
      <a href="/dmca"    style="color:#6b7280;text-decoration:none;padding:0 8px;">DMCA</a>·
      <a href="/support" style="color:#6b7280;text-decoration:none;padding:0 8px;">Support</a>
    </div>

    
    <script>
      (function() {
        const ref = new URLSearchParams(window.location.search).get('ref');
        if (ref && /^[A-Z0-9_-]{4,40}$/.test(ref)) {
          document.cookie = 'moviefy_ref=' + encodeURIComponent(ref) + '; path=/; max-age=2592000; SameSite=Lax';
        }
      })();
    </script>

    
    
    
    <div id="exit-intent-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10000;align-items:center;justify-content:center;padding:1rem;">
      <div style="max-width:480px;width:100%;background:#1a1d20;border-radius:16px;padding:32px;color:#fff;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5);">
        <button id="exit-intent-close" aria-label="close" style="position:absolute;top:12px;right:14px;background:transparent;border:none;color:#6b7280;font-size:24px;cursor:pointer;">×</button>
        <div style="text-align:center;font-size:38px;margin-bottom:8px;">⏳</div>
        <h2 style="font-size:22px;font-weight:700;margin:0 0 8px;text-align:center;">Wait — one thing</h2>
        <p style="color:#9ca3af;font-size:14px;text-align:center;margin:0 0 20px;">Get <b style="color:#fff;">30% off your first 3 months</b> of Moviefy Premium. No card needed for the 14-day trial.</p>
        <div style="background:#0f1115;border:1px dashed #4f46e5;border-radius:10px;padding:14px;text-align:center;margin-bottom:20px;">
          <p style="margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:#9ca3af;">Code</p>
          <code id="exit-intent-code" style="font-size:22px;font-weight:700;letter-spacing:0.15em;color:#c7d2fe;cursor:pointer;" title="Click to copy">COMEBACK30</code>
        </div>
        <a href="/pricing?promo=COMEBACK30" style="display:block;text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:14px;border-radius:10px;font-weight:600;text-decoration:none;">See plans & apply 30% off</a>
        <button id="exit-intent-no" style="display:block;width:100%;margin-top:12px;background:transparent;border:none;color:#6b7280;font-size:13px;cursor:pointer;">No thanks</button>
      </div>
    </div>

    
    
    
    <div id="upgrade-sticky-strip" style="display:none;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#312e81 0%,#5b21b6 100%);color:#fff;padding:10px 16px;z-index:9998;align-items:center;gap:12px;font-size:13px;border-top:1px solid #6366f1;">
      <span style="font-size:18px;">⭐</span>
      <p style="flex:1;margin:0;line-height:1.4;"><b>Start your 14-day Free Trial</b> — track everything you watch, build watchlists, stream movies & TV. No card required.</p>
      <a href="/accounts/signup/?next=/details/tmdb/movie/877979/basic-elements" style="background:#fff;color:#4f46e5;padding:7px 14px;border-radius:6px;font-weight:600;text-decoration:none;font-size:13px;white-space:nowrap;">Start Free Trial</a>
      <button id="upgrade-sticky-close" aria-label="dismiss" style="background:transparent;border:none;color:rgba(255,255,255,0.7);padding:4px 8px;font-size:18px;cursor:pointer;line-height:1;">×</button>
    </div>
    

    <script>
      (function() {
        // ---- Exit-intent ----
        const EI_STORAGE = 'exit_intent_state_v1';
        const eim = document.getElementById('exit-intent-modal');
        if (eim) {
          let eiState;
          try { eiState = JSON.parse(localStorage.getItem(EI_STORAGE) || '{}'); } catch(e) { eiState = {}; }
          const dismissedRecently = eiState.dismissed_at && (Date.now() - eiState.dismissed_at) < 7 * 86400 * 1000;
          const onPricing = window.location.pathname.startsWith('/pricing');
          const onWelcome = window.location.pathname.startsWith('/welcome');
          if (!dismissedRecently && !onPricing && !onWelcome) {
            let fired = false;
            const fire = () => {
              if (fired) return;
              fired = true;
              eim.style.display = 'flex';
            };
            // Desktop: cursor leaves the top of the viewport (heading for the URL bar / close button)
            document.addEventListener('mouseleave', (e) => {
              if (e.clientY <= 0 && !fired) fire();
            });
            // Mobile heuristic: page hidden after >10s (user switched apps / hit back)
            let entered = Date.now();
            document.addEventListener('visibilitychange', () => {
              if (document.visibilityState === 'hidden' && (Date.now() - entered) > 10000 && !fired) fire();
            });
          }
          const closeEi = () => {
            eim.style.display = 'none';
            try { localStorage.setItem(EI_STORAGE, JSON.stringify({...eiState, dismissed_at: Date.now()})); } catch(e) {}
          };
          document.getElementById('exit-intent-close').addEventListener('click', closeEi);
          document.getElementById('exit-intent-no').addEventListener('click', closeEi);
          // Click outside the modal card to close
          eim.addEventListener('click', (e) => { if (e.target === eim) closeEi(); });
          // Click-to-copy on the promo code
          const code = document.getElementById('exit-intent-code');
          if (code) code.addEventListener('click', () => {
            navigator.clipboard?.writeText('COMEBACK30');
            code.textContent = '✓ Copied!';
            setTimeout(() => { code.textContent = 'COMEBACK30'; }, 1500);
          });
        }

        // ---- Sticky upgrade strip ----
        const US_STORAGE = 'upgrade_strip_state_v1';
        const strip = document.getElementById('upgrade-sticky-strip');
        if (strip) {
          let usState;
          try { usState = JSON.parse(localStorage.getItem(US_STORAGE) || '{}'); } catch(e) { usState = {}; }
          const dismissedRecently = usState.dismissed_at && (Date.now() - usState.dismissed_at) < 7 * 86400 * 1000;
          const onPricing = window.location.pathname.startsWith('/pricing');
          const onWelcome = window.location.pathname.startsWith('/welcome');
          if (!dismissedRecently && !onPricing && !onWelcome) {
            // Wait 4s so we don't blast new arrivals with two banners at once
            setTimeout(() => { strip.style.display = 'flex'; }, 4000);
          }
          document.getElementById('upgrade-sticky-close').addEventListener('click', () => {
            strip.style.display = 'none';
            try { localStorage.setItem(US_STORAGE, JSON.stringify({...usState, dismissed_at: Date.now()})); } catch(e) {}
          });
        }
      })();
    </script>
    

    
    <div id="pwa-install-banner" style="display:none;position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:480px;margin:0 auto;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:14px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.4);z-index:9990;align-items:center;gap:12px;font-size:14px;">
      <div style="flex-shrink:0;width:44px;height:44px;background:rgba(0,0,0,0.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;">🎬</div>
      <div style="flex:1;min-width:0;">
        <p style="margin:0;font-weight:600;line-height:1.3;">Install Moviefy</p>
        <p id="pwa-install-hint" style="margin:2px 0 0;font-size:12px;opacity:0.9;line-height:1.3;">Quick access from your home screen. No app store.</p>
      </div>
      <button id="pwa-install-btn" style="background:#fff;color:#4f46e5;border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;">Install</button>
      <button id="pwa-install-close" aria-label="dismiss" style="background:transparent;color:#fff;border:none;padding:4px 8px;font-size:20px;cursor:pointer;opacity:0.7;">×</button>
    </div>

    <script>
      (function() {
        // Suppress if already installed (running as standalone), already dismissed this month,
        // or this is the very first visit (let them poke around first).
        const standalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
        if (standalone) return;
        // Don't pitch PWA install on /pricing — user is evaluating purchase, not engagement.
        if (window.location.pathname.startsWith('/pricing')) return;
        const STORAGE = 'pwa_banner_state_v1';
        let state;
        try { state = JSON.parse(localStorage.getItem(STORAGE) || '{}'); } catch(e) { state = {}; }
        state.visits = (state.visits || 0) + 1;
        if (state.dismissed_at && (Date.now() - state.dismissed_at) < 30 * 86400 * 1000) {
          try { localStorage.setItem(STORAGE, JSON.stringify(state)); } catch(e) {}
          return;
        }
        if (state.visits < 2) {
          try { localStorage.setItem(STORAGE, JSON.stringify(state)); } catch(e) {}
          return;
        }
        try { localStorage.setItem(STORAGE, JSON.stringify(state)); } catch(e) {}

        const banner = document.getElementById('pwa-install-banner');
        const btn = document.getElementById('pwa-install-btn');
        const close = document.getElementById('pwa-install-close');
        const hint = document.getElementById('pwa-install-hint');
        if (!banner || !btn || !close) return;

        // Detect iOS — no beforeinstallprompt support there.
        const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
        const isMobile = isIOS || /Android/i.test(navigator.userAgent);

        // Trial bar takes priority — defer PWA install if it's currently on screen.
        // The trial bar (#upgrade-sticky-strip) appears at t+4s and is the higher-value
        // growth message (signup/Premium trial), so we yield to it. The bar dismisses
        // for 7 days on close, after which PWA install can fire on the next visit.
        function trialBarVisible() {
          const s = document.getElementById('upgrade-sticky-strip');
          return s && getComputedStyle(s).display !== 'none';
        }
        function reveal() {
          if (trialBarVisible()) return;
          banner.style.display = 'flex';
        }

        let deferredPrompt = null;
        window.addEventListener('beforeinstallprompt', (e) => {
          e.preventDefault();
          deferredPrompt = e;
          // Reveal after 8s on the page so we don't spook fresh arrivals
          setTimeout(reveal, 8000);
        });

        // iOS Safari has no native install event — show the "Tap share, Add to Home Screen" hint
        if (isIOS) {
          hint.textContent = 'Tap the Share icon, then "Add to Home Screen".';
          btn.style.display = 'none';
          setTimeout(reveal, 10000);
        }

        btn.addEventListener('click', async () => {
          if (!deferredPrompt) return;
          deferredPrompt.prompt();
          const choice = await deferredPrompt.userChoice;
          if (choice.outcome === 'accepted') {
            try { localStorage.setItem(STORAGE, JSON.stringify({...state, installed_at: Date.now()})); } catch(e) {}
          }
          banner.style.display = 'none';
          deferredPrompt = null;
        });

        close.addEventListener('click', () => {
          banner.style.display = 'none';
          try { localStorage.setItem(STORAGE, JSON.stringify({...state, dismissed_at: Date.now()})); } catch(e) {}
        });

        // Track successful installs so we can suppress the banner forever
        window.addEventListener('appinstalled', () => {
          try { localStorage.setItem(STORAGE, JSON.stringify({...state, installed_at: Date.now()})); } catch(e) {}
          banner.style.display = 'none';
        });
      })();
    </script>

    
    
    <script>
      (function () {
        'use strict';
        const STORAGE_KEY = 'moviefy_nudge_state_v1';
        const DISMISS_DAYS = 7;
        function readState() { try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'); } catch (_) { return {}; } }
        function writeState(s) { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(s)); } catch (_) {} }
        function dismissedRecently(kind) {
          const s = readState();
          const ts = s['dismissed_' + kind];
          return ts && (Date.now() - ts) < DISMISS_DAYS * 86400 * 1000;
        }
        function dismiss(kind) {
          const s = readState();
          s['dismissed_' + kind] = Date.now();
          writeState(s);
        }
        function makeButton(text, style) {
          const b = document.createElement('button');
          b.type = 'button';
          b.textContent = text;
          b.style.cssText = style;
          return b;
        }
        function makeCloseButton(label) {
          const b = makeButton('×', 'position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;color:#fff;border:0;font-size:18px;cursor:pointer;opacity:0.7;');
          b.setAttribute('aria-label', label);
          return b;
        }
        function renderAnnualNudge(offer) {
          if (dismissedRecently('annual')) return;
          const banner = document.createElement('div');
          banner.id = 'moviefy-annual-nudge';
          banner.setAttribute('role', 'region');
          banner.setAttribute('aria-label', 'Save by switching to annual billing');
          banner.style.cssText = 'position:relative;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:10px 48px 10px 16px;font-size:14px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;z-index:40;';
          const msg = document.createElement('span');
          msg.textContent = "💰 You're paying " + offer.current_label +
            ' — switch to annual and save $' + offer.saving + '/year.';
          banner.appendChild(msg);
          const cta = makeButton('Upgrade now', 'background:#fff;color:#4f46e5;border:0;border-radius:6px;padding:6px 14px;font-weight:600;font-size:13px;cursor:pointer;');
          banner.appendChild(cta);
          const close = makeCloseButton('Dismiss for 7 days');
          banner.appendChild(close);
          document.body.insertBefore(banner, document.body.firstChild);
          close.addEventListener('click', function () { banner.remove(); dismiss('annual'); });
          cta.addEventListener('click', function () {
            const original = cta.textContent;
            cta.textContent = 'Upgrading…';
            cta.disabled = true;
            const csrf = (document.cookie.match(/csrftoken=([^;]+)/) || [])[1] || '';
            fetch('/api/subscription/upgrade-to-annual', {
              method: 'POST',
              headers: { 'X-CSRFToken': csrf, 'Content-Type': 'application/json' },
              credentials: 'same-origin',
            })
              .then(function (r) { return r.json().then(function (j) { return { ok: r.ok, body: j }; }); })
              .then(function (out) {
                if (out.ok && out.body && out.body.success) {
                  cta.textContent = '✓ Done — refreshing';
                  setTimeout(function () { window.location.reload(); }, 800);
                } else {
                  cta.textContent = (out.body && out.body.error) || 'Try again from /pricing';
                  cta.style.background = '#fee2e2';
                  cta.style.color = '#991b1b';
                  cta.disabled = false;
                }
              })
              .catch(function () {
                cta.textContent = original;
                cta.disabled = false;
                window.location.href = '/pricing?ref=annual-nudge-fallback';
              });
          });
        }
        function renderFoundingTicker(remaining, priceDisplay) {
          if (dismissedRecently('founding')) return;
          const n = Number(remaining);
          if (!Number.isFinite(n) || n <= 0) return;
          const price = String(priceDisplay || '149.99').replace(/[^0-9.,]/g, '').slice(0, 12);
          const banner = document.createElement('div');
          banner.id = 'moviefy-founding-ticker';
          banner.style.cssText = 'position:relative;background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;padding:8px 48px 8px 16px;font-size:13px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;z-index:40;';
          const msg = document.createElement('span');
          msg.textContent = '🏆 ' + n + ' Founding Lifetime spots left at $' + price + ' — paid once, never billed again.';
          banner.appendChild(msg);
          const cta = document.createElement('a');
          cta.href = '/pricing?ref=founding-ticker&utm_source=founding-ticker';
          cta.textContent = 'Claim a spot';
          cta.style.cssText = 'background:#fff;color:#0e7490;border-radius:6px;padding:5px 12px;font-weight:600;font-size:12px;text-decoration:none;';
          banner.appendChild(cta);
          const close = makeCloseButton('Dismiss for 7 days');
          banner.appendChild(close);
          document.body.insertBefore(banner, document.body.firstChild);
          close.addEventListener('click', function () { banner.remove(); dismiss('founding'); });
        }
        function start() {
          const path = window.location.pathname || '';
          if (path.startsWith('/pricing') || path.startsWith('/billing') ||
              path.startsWith('/ppv-success') || path.startsWith('/where-to-watch')) return;
          // Defer to the templated trial banner if it's already rendered.
          const trialBanner = document.getElementById('mfy-trial-banner');
          if (trialBanner && trialBanner.style.display !== 'none') return;
          fetch('/api/premium/status', { credentials: 'same-origin' })
            .then(function (r) { return r.ok ? r.json() : null; })
            .then(function (status) {
              // The server decides whether an annual switch is on offer and what
              // the tier-correct target is — never infer it from the plan name.
              const offer = status && status.annual_upgrade;
              if (status && status.is_premium && offer) {
                renderAnnualNudge(offer);
                return;
              }
              if (!status || !status.is_premium) {
                fetch('/api/founding-status', { credentials: 'same-origin' })
                  .then(function (r) { return r.ok ? r.json() : null; })
                  .then(function (f) { if (f && f.remaining > 0) renderFoundingTicker(f.remaining, f.price_display); })
                  .catch(function () {});
              }
            })
            .catch(function () {
              fetch('/api/founding-status', { credentials: 'same-origin' })
                .then(function (r) { return r.ok ? r.json() : null; })
                .then(function (f) { if (f && f.remaining > 0) renderFoundingTicker(f.remaining, f.price_display); })
                .catch(function () {});
            });
        }
        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);
        else start();
      })();
    </script>
    


<div id="nl-pill" data-nl-pill style="position:fixed;bottom:16px;right:16px;max-width:340px;z-index:50;background:#22262b;border:1px solid #2c3136;border-radius:12px;padding:14px 16px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;font-family:inherit;">
  <button type="button" data-nl-close style="position:absolute;top:2px;right:4px;background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;line-height:1;padding:8px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;">×</button>
  <div style="color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;">Movie news, every Monday</div>
  <div style="color:#9ca3af;font-size:12px;margin-bottom:10px;">Top movie, TV & anime headlines — one email a week.</div>
  <form data-nl-form="pill" style="display:flex;gap:6px;position:relative;">
    <input type="email" name="email" required placeholder="your@email.com" style="flex:1;background:#1a1d20;border:1px solid #2c3136;color:#fff;padding:7px 10px;border-radius:6px;font-size:13px;">
    <input type="text" name="website" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px;width:1px;height:1px;">
    <input type="hidden" name="source" value="pill">
    <button type="submit" style="background:#6366f1;color:#fff;border:none;padding:7px 14px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;">Join</button>
  </form>
  <div data-nl-msg style="color:#9ca3af;font-size:12px;margin-top:6px;min-height:1em;"></div>
</div>






<script>
(function(){
  if (window.__nlInit) return; window.__nlInit = true;

  function readCookie(n){return (document.cookie.split('; ').find(function(c){return c.indexOf(n+'=')===0;})||'').split('=')[1];}
  function setCookie(n,v,days){var d=new Date();d.setTime(d.getTime()+days*864e5);document.cookie=n+'='+v+';expires='+d.toUTCString()+';path=/;SameSite=Lax';}

  document.querySelectorAll('[data-nl-form]').forEach(function(form){
    form.addEventListener('submit', function(e){
      e.preventDefault();
      var msg = form.parentElement.querySelector('[data-nl-msg]');
      msg.textContent = 'Subscribing…';
      var fd = new FormData(form);
      fetch('/newsletter/subscribe', {method:'POST', body:fd, credentials:'same-origin'})
        .then(function(r){return r.json();})
        .then(function(j){
          msg.textContent = j.message;
          if (j.ok) {form.style.display='none'; msg.style.color='#34d399';}
          else {msg.style.color='#f87171';}
        })
        .catch(function(){msg.textContent='Something went wrong — try again later.'; msg.style.color='#f87171';});
    });
  });

  var pill = document.querySelector('[data-nl-pill]');
  if (pill){
    // Don't ask for an email on /pricing — user is evaluating purchase, intent mismatch.
    var onPricing = window.location.pathname.indexOf('/pricing') === 0;
    if (!readCookie('nl_dismissed') && !onPricing){
      setTimeout(function(){pill.style.display='block';}, 4000);
    }
    var close = pill.querySelector('[data-nl-close]');
    if (close) close.addEventListener('click', function(){pill.style.display='none'; setCookie('nl_dismissed','1',7);});
  }
})();
</script>



    
    <script>
      (function () {
        'use strict';

        /* ---- 1. Poster placeholders ---------------------------------------------- */
        // Substring of settings.IMG_NONE (the grey TMDB "picture" glyph).
        var GLYPH = 'glyphicons-basic-38-picture';
        function missingSrc(s) { return !s || s.indexOf(GLYPH) !== -1; }
        function brandify(img) {
          if (!img || img.dataset.mfyPh || !img.classList) return;
          // lazysizes swaps class 'lazyload' -> 'lazyloaded' once it resolves data-src, so
          // accept both (the loaded ones are exactly where the glyph ends up sticking).
          if (!img.classList.contains('lazyload') && !img.classList.contains('lazyloaded')) return;
          // Poster cards lazyload via data-src; a card is posterless when neither the
          // data-src nor the currently-resolved src is a real image.
          if (!missingSrc(img.getAttribute('data-src'))) return;
          if (!missingSrc(img.currentSrc || img.getAttribute('src'))) return;
          img.dataset.mfyPh = '1';
          var title = (img.getAttribute('alt') || '').trim();
          var ph = document.createElement('div');
          ph.className = (img.className || '').replace(/lazyload|object-cover/g, '').trim() + ' mfy-poster-ph';
          var st = img.getAttribute('style'); if (st) ph.style.cssText = st;
          var svg = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="18" rx="2"></rect><path d="M8 3v18M2 9h6M2 15h6"></path></svg>';
          ph.innerHTML = svg + (title ? '<span></span>' : '');
          if (title) ph.querySelector('span').textContent = title;
          if (img.parentNode) img.parentNode.replaceChild(ph, img);
        }
        function scanPosters() {
          var list = document.querySelectorAll('img.lazyload, img.lazyloaded');
          for (var i = 0; i < list.length; i++) brandify(list[i]);
        }
        // lazysizes swaps data-src→src then fires 'lazyloaded'; a genuinely-missing poster
        // keeps the glyph, which brandify() then replaces. Also catch hard <img> errors.
        document.addEventListener('lazyloaded', function (e) { brandify(e.target); }, true);
        document.addEventListener('error', function (e) {
          if (e.target && e.target.tagName === 'IMG') brandify(e.target);
        }, true);
        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', scanPosters);
        else scanPosters();
        var ps = 0, psi = setInterval(function () { scanPosters(); if (++ps > 8) clearInterval(psi); }, 700);

        /* ---- 2. Bottom overlay coordinator --------------------------------------- */
        // Full-width fixed bars, listed bottom-up (first sits at bottom:0, next stacks
        // above it). The Moviefy trial strip therefore renders above the network promo.
        var FULL = ['mw-saas-promo', 'upgrade-sticky-strip', 'pwa-install-banner'];
        function shown(el) {
          return el && el.style.display !== 'none' && getComputedStyle(el).display !== 'none';
        }
        function coordinate() {
          var strip = document.getElementById('upgrade-sticky-strip');
          var stripVisible = shown(strip);
          // Only one Moviefy promo at a time: park the low-value nudges while the trial
          // strip is up; restore them (only if we hid them) once it's gone.
          var pill = document.querySelector('[data-nl-pill]');
          if (pill) {
            if (stripVisible && pill.style.display !== 'none') {
              pill.dataset.mfyHid = '1'; pill.style.display = 'none';
            } else if (!stripVisible && pill.dataset.mfyHid === '1') {
              pill.style.display = 'block'; pill.dataset.mfyHid = '';
            }
          }
          var pwa = document.getElementById('pwa-install-banner');
          if (pwa && stripVisible && pwa.style.display !== 'none') pwa.style.display = 'none';
          // On a movie site, when Moviefy's own trial strip is up it owns the bottom slot:
          // fully hide the cross-network SaaS promo (not just stack it) for a clean single
          // bar. Restore it (only if we hid it) once the strip is gone, so the network
          // promo still runs on pages where Moviefy shows nothing.
          var saas = document.getElementById('mw-saas-promo');
          if (saas) {
            if (stripVisible && saas.style.display !== 'none') {
              saas.dataset.mfyHid = '1'; saas.style.display = 'none';
            } else if (!stripVisible && saas.dataset.mfyHid === '1') {
              saas.style.display = 'flex'; saas.dataset.mfyHid = '';
            }
          }
          // Stack any remaining visible full-width bars so none overlap.
          var offset = 0;
          for (var i = 0; i < FULL.length; i++) {
            var el = document.getElementById(FULL[i]);
            if (!shown(el)) continue;
            el.style.bottom = offset + 'px';
            offset += el.offsetHeight || 52;
          }
          // Keep the footer / last row clear of whatever is pinned to the bottom.
          document.body.style.paddingBottom = offset ? offset + 'px' : '';
          if (pill && shown(pill)) pill.style.bottom = (offset ? offset + 12 : 16) + 'px';
        }
        // Bars appear on timers / async fetch, so re-run on a short heartbeat, and again
        // right after any click (covers dismissals updating the stack).
        var n = 0, iv = setInterval(function () { coordinate(); if (++n > 60) clearInterval(iv); }, 500);
        document.addEventListener('click', function () { setTimeout(coordinate, 60); }, true);
        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', coordinate);
        else coordinate();
      })();
    </script>
  </body>
</html>