* {
    margin: 0; padding: 0;
    box-sizing: border-box;
}

body {
    overflow-y: hidden;
    cursor: none;
    
}
body.intro {
    overflow-x: hidden;
}
.scenes-container {
    display: flex;
}

.scene {
    position: relative;
    flex-shrink: 0;
    height: 100vh;
    width: auto;
    overflow: hidden;
  }
  .first-scene {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .first-scene img {
    top: 0!important;
    margin: 0 auto;
  }
  .scene img {
    position: relative;
    top: 5vh;
    height: 90vh;
    width: auto;
    object-fit: cover;
  }
  

.nuage {
    position: absolute;
    width: 800px;
    height: 800px;
    overflow: hidden;
    transform-origin: center center;
    pointer-events: none;
    background-size: auto 90vh;
    display: none;
    background-repeat: no-repeat;
    }
.nuage.active {
    display: block;
}
#nuage1, #nuage1-contour {
    clip-path: path("M38.16,11.7c6.6-5.1,33.42-1.2,38.01-2.4s23.79-5.7,28.29-6.3S121.53,0.0,127.26,0.0c16.5,0.0,40.67,4.14,47.26,4.78,12.44,1.21,34.92,2.24,40.34,3.02,12.6,1.8,31.6,11.7,28.8,13.8-3.6,2.7-21.0,6.0-20.7,9.9,0.26,3.3,10.3,5.99,10.5,8.7,0.3,4.2-15.11,6.79-14.7,9.9,0.6,4.5,16.5,7.2,17.1,11.7,0.44,3.32-18.0,6.6-18.0,9.6,0.0,3.9,8.27,7.48,4.8,9.3-6.3,3.3-16.49,4.94-35.1,6.0-10.5,0.6-29.7-4.13-45.0-4.5-24.6-0.6-53.41,5.38-75.0,6.3-14.1,0.6-8.0-5.22-11.4-9.3-4.5-5.4-49.5-10.5-48.6-14.4,1.18-5.11,9.9-5.1,11.1-8.1S-1.27,47.64,0.06,44.7c1.5-3.3,17.1-6.3,18.3-9.9,0.99-2.97-11.17-7.83-9.0-9.9,6.0-5.7,15.87-3.21,28.8-13.2Z");
  }
  #nuage2, #nuage2-contour {
    clip-path: path("M50.88,15.6c8.8-6.8,44.56-1.6,50.68-3.2s31.72-7.6,37.72-8.4S162.04,0.0,169.68,0.0c22.0,0.0,54.23,5.52,63.01,6.38,16.59,1.62,46.56,2.99,53.79,4.02,16.8,2.4,42.13,15.6,38.4,18.4-4.8,3.6-28.0,8.0-27.6,13.2,0.34,4.4,13.74,7.99,14.0,11.6,0.4,5.6-20.15,9.06-19.6,13.2,0.8,6.0,22.0,9.6,22.8,15.6,0.59,4.43-24.0,8.8-24.0,12.8,0.0,5.2,11.02,9.98,6.4,12.4-8.4,4.4-21.99,6.58-46.8,8.0-14.0,0.8-39.6-5.5-60.0-6.0-32.8-0.8-71.22,7.18-100.0,8.4-18.8,0.8-10.67-6.96-15.2-12.4-6.0-7.2-66.0-14.0-64.8-19.2,1.57-6.81,13.2-6.8,14.8-10.8S-1.7,63.52.08,59.6c2.0-4.4,22.8-8.4,24.4-13.2,1.32-3.96-14.9-10.44-12.0-13.2,8.0-7.6,21.16-4.28,38.4-17.6Z");
  }
  
#nuage3, #nuage3-contour {
    clip-path: path("M63.6,19.5c11.0-8.5,55.7-2.0,63.35-4.0s39.65-9.5,47.15-10.5S202.55,0.0,212.1,0.0c27.5,0.0,67.79,6.9,78.77,7.97,20.73,2.02,58.2,3.73,67.23,5.03,21.0,3.0,52.66,19.5,48.0,23.0-6.0,4.5-35.0,10.0-34.5,16.5,0.42,5.5,17.18,9.98,17.5,14.5,0.5,7.0-25.19,11.32-24.5,16.5,1.0,7.5,27.5,12.0,28.5,19.5,0.74,5.54-30.0,11.0-30.0,16.0,0.0,6.5,13.78,12.47,8.0,15.5-10.5,5.5-27.48,8.23-58.5,10.0-17.5,1.0-49.51-6.88-75.0-7.5-41.0-1.0-89.02,8.97-125.0,10.5-23.5,1.0-13.34-8.71-19.0-15.5-7.5-9.0-82.5-17.5-81.0-24.0,1.97-8.51,16.5-8.5,18.5-13.5S-2.12,79.40.1,74.5c2.5-5.5,28.5-10.5,30.5-16.5,1.65-4.95-18.62-13.05-15.0-16.5,10.0-9.5,26.45-5.36,48.0-22.0Z");
}
#nuage4, #nuage4-contour {
    clip-path: path("M76.32,23.4c13.2-10.2,66.84-2.4,76.02-4.8s47.58-11.4,56.58-12.6S243.06,0.0,254.52,0.0c33.0,0.0,81.34,8.28,94.52,9.57,24.88,2.43,69.84,4.48,80.68,6.03,25.2,3.6,63.2,23.4,57.6,27.6-7.2,5.4-42.0,12.0-41.4,19.8,0.51,6.6,20.6,11.98,21.0,17.4,0.6,8.4-30.22,13.58-29.4,19.8,1.2,9.0,33.0,14.4,34.2,23.4,0.88,6.64-36.0,13.2-36.0,19.2,0.0,7.8,16.54,14.97,9.6,18.6-12.6,6.6-32.98,9.88-70.2,12.0-21.0,1.2-59.4-8.26-90.0-9.0-49.2-1.2-106.05,10.77-149.99,12.6-28.2,1.2-16.0-10.44-22.8-18.6-9.0-10.8-99.0-21.0-97.2-28.8,2.36-10.22,19.8-10.2,22.2-16.2S-2.54,95.28.12,89.4c3.0-6.6,34.2-12.6,36.6-19.8,1.98-5.94-22.34-15.66-18.0-19.8,12.0-11.4,31.74-6.42,57.6-26.4Z");
  }
  #nuage5, #nuage5-contour {
    clip-path: path("M98.32,33.2c17.4-13.2,85.84-3.2,97.02-6.6s60.58-15.6,71.58-17.3S314.06,0.0,328.52,0.0c43.0,0.0,105.34,10.6,122.52,12.3,32.88,3.2,93.84,5.8,108.68,7.8,33.2,4.6,82.2,30.2,76.6,35.6-9.6,7.2-56.0,15.4-55.4,25.6,0.7,8.5,28.6,15.58,29.0,22.8,0.8,11.0-41.22,17.68-40.4,26.0,1.7,11.8,45.0,18.8,46.2,30.4,1.2,8.56-48.0,17.2-48.0,25.2,0.0,10.1,22.54,19.57,12.4,24.2-16.6,8.4-45.98,12.88-96.2,15.6-27.0,1.7-76.4-10.6-116.0-11.6-62.2-1.7-132.05,14.07-187.99,16.4-35.2,1.7-19.0-13.44-28.8-23.8-11.4-13.8-125.0-27.0-123.2-37.1,2.98-13.12,26.8-13.2,29.2-20.8S-4.94,118.68.12,111.0c4.0-8.4,44.2-16.2,46.6-25.6,2.5-7.94-27.34-20.96-22.6-26.4,15.2-14.8,39.74-8.52,72.6-35.6Z");
  }
  
#nuage6, #nuage6-contour {
    clip-path: path("M127.2,39c22-17,111.4-4,126.7-8s79.3-19,94.3-21S405.1,0,424.2,0c55,0,135.58,13.8,157.53,15.95,41.47,4.05,116.4,7.47,134.47,10.05,42,6,105.33,39,96,46-12,9-70,20-69,33,.85,11.01,34.35,19.97,35,29,1,14-50.38,22.65-49,33,2,15,55,24,57,39,1.48,11.08-60,22-60,32,0,13,27.55,24.95,16,31-21,11-54.97,16.46-117,20-35,2-99.01-13.76-150-15-82-2-178.04,17.94-250,21-47,2-26.67-17.41-38-31-15-18-165-35-162-48,3.93-17.02,33-17,37-27S-4.25,158.8.2,149c5-11,57-21,61-33,3.3-9.9-37.25-26.11-30-33,20-19,52.91-10.71,96-44Z");
}
.nuage.contour {
    background-color: #888; 
    z-index: 0;
    /*transform: scale(1.03) translate(1%, 1%);
    transform-origin: center center;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));*/
  }


.separator {
    height: 100vh;
    min-width: 400px;
}
#video-final {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }


#unlock-zone {
    position: absolute;
    width: 80px;
    height: 70px;
    top: 74vh;
    background: transparent; /* invisible */
    z-index: 9999;
  }

  #sound-toggle {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    z-index: 9999;
    cursor: pointer;
  }
  
  #sound-toggle img {
    width: 100%;
    height: 100%;
  }

  #hover-arrow {
    position: absolute;
    width: 50px;
    height: auto;
    top: 74vh!important;
    left: 5%;
    transform: translateX(-100%) scale(0.8);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 10;
    background-color: #cc1111;
    border-radius: 50%;
    padding: 5px;
  }
  
  #unlock-zone:hover + #hover-arrow {
    opacity: 1;
    transform: translateX(-100%) scale(1);
  }