:root {
  --island-green: #0f766e;
}
body { font-family: 'Inter', sans-serif; }
.slideshow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease-in-out; }
.slide.active { opacity: 1; }
.carousel-wrapper { position: relative; }
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(15,118,110,0.9);
  color: #fff;
  border: none;
  width: 38px; height: 38px;
  border-radius: 9999px;
}
.carousel-btn.prev { left: 0.5rem; }
.carousel-btn.next { right: 0.5rem; }
.fade-in iframe { opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; }
.fade-in iframe.visible { opacity: 1; transform: translateY(0); }