/* アニメーションの初期状態（画面外・スクロール前） */
.reveal-fade-in {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.reveal-slide-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.reveal-slide-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* 画面内に入った時の状態（アクティブ化） */
.reveal-active {
    opacity: 1;
    transform: translate(0, 0);
}