.btn--1 {
    opacity: 0;
    transform: translateX(56px); 
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.btn--1.visible {
    opacity: 1;
    transform: translateX(0);
}

/* HERO */
.hero-img,
.hero-img-2 {
    opacity: 0;
    transform: translateY(100px); 
    transition: transform 1.2s ease-out, opacity 1.2s ease-out;
}
.hero-img.visible,
.hero-img-2.visible {
    opacity: 1;
    transform: translateX(0);
}

.hero-text-1 {
    opacity: 0;
    transform: translateX(-84px); 
    transition: transform 1.2s ease-out, opacity 1.2s ease-out;
}
.hero-text-1.visible {
    opacity: 1;
    transform: translateX(0);
}

.hero-text-2,
.hero-text-3 {
    opacity: 0;
    transform: translateX(84px); 
    transition: transform 1.2s ease-out, opacity 1.2s ease-out;
}
.hero-text-2.visible,
.hero-text-3.visible {
    opacity: 1;
    transform: translateX(0);
}


/* AUDIO EXPERIENCE */
/* Animate on load */
@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
}
.audio-preview-section .custom-audio-player {
  opacity: 0;
  transform: translateY(80px);
  animation: fadeInUp 1.2s ease forwards;
  animation-delay: 0.4s;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.playing .play-btn {
    animation: pulse 1.2s infinite;
}

.jejeli .fancybox {
    opacity: 0;
    transform: translateY(72px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.jejeli .fancybox.visible {
    opacity: 1;
    transform: translateY(0);
}

.playlist .carousel-item .lt img {
	opacity: 0;
    transform: translateX(-72px);
    transition: transform 0.72s ease-out, opacity 0.72s ease-out;
}
.playlist .carousel-item .lt img.visible {
    opacity: 1;
    transform: translateY(0);
}

.quote h1 {
    opacity: 0;
    transform: translateX(72px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.quote h1.visible {
    opacity: 1;
    transform: translateX(0);
}

.gallery .wrapper .column1,
.gallery .wrapper .column4 {
    opacity: 0;
    transform: translateY(-100px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.gallery .wrapper .column1.visible,
.gallery .wrapper .column4.visible {
    opacity: 1;
    transform: translateY(0);
}

.gallery .wrapper .column2,
.gallery .wrapper .column3 {
    opacity: 0;
    transform: translateY(100px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.gallery .wrapper .column2.visible,
.gallery .wrapper .column3.visible {
    opacity: 1;
    transform: translateY(0);
}

.healing-journey h1,
.email-signup p {
    opacity: 0;
    transform: translateY(-48px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.healing-journey h1.visible,
.email-signup p.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ABOUT PAGE */
.about-pg img {
    opacity: 0;
    transform: translateY(-48px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.about-pg img.visible {
    opacity: 1;
    transform: translateY(0);
}