��/* �0�0�0�0�0�0�0qQ��Rg$Ph0�S Y�0�0�0�0�0 */ .animate-ignition { opacity: 0; --delay: 0.2s; --duration: 0.6s; will-change: transform, opacity; } /* zv�RBfk0i�(uU0�0�0qQ��0�0�0�0�0 */ .animate-ignition.is-visible { opacity: 1; /* �! S0�0�0���R */ animation-delay: var(--delay); animation-duration: var(--duration); animation-timing-function: ease; animation-fill-mode: both; /* �! delay-N�0Rg�rKa�0�}c */ animation-play-state: running; } /* ===== P%R�0�0�0�0�0�0�0��_��k0�_X0f0�0�0�0�0uO� � ===== */ /* 1) fade-in */ .fade-in.is-visible { animation-name: fadeIn; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* 2) slide-up� N�! N � */ .slide-up.is-visible { animation-name: slideUp; } @keyframes slideUp { from { transform: translateY(100px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* 3) scale-up�.~\�!I{ P � */ .scale-up.is-visible { animation-name: scaleUp; } @keyframes scaleUp { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } /* 4) rotate-in��V⎒!ckMOn � */ .rotate-in.is-visible { animation-name: rotateIn; } @keyframes rotateIn { from { transform: rotateY(-180deg); opacity: 0; } to { transform: rotateY(0deg); opacity: 1; } } /* 5) bounce-in�\W0>_�0eQ�0 � */ .bounce-in.is-visible { animation-name: bounceIn; } @keyframes bounceIn { 0% { transform: scale(0.85); opacity: 0; } 40% { transform: scale(1.4); opacity: 1; } /* 1�V�v�'YM0O0 */ 55% { transform: scale(0.96); } /* ;b�0 */ 70% { transform: scale(1.1); } /* 2�V�v�\W0 */ 85% { transform: scale(0.98); } /* �_��te */ 100% { transform: scale(1); opacity: 1; } } /* 6) slide-left��]�!CQMOn � */ .slide-left.is-visible { animation-name: slideLeft; } @keyframes slideLeft { from { transform: translateX(-200px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } /* 7) slide-right��S�!CQMOn � */ .slide-right.is-visible { animation-name: slideRight; } @keyframes slideRight { from { transform: translateX(200px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } /*8 text-slide��0�0�0�01�eW[Z0d0h�:y � �0�0�0�0k0span���Ro0JS*/ .text-slide { overflow: hidden; } .text-slide span { display: inline-block; opacity: 0; transform: translateX(-0.6em); } .text-slide.is-visible span { animation: textSlideIn 0.3s ease forwards; animation-delay: var(--char-delay); } @keyframes textSlideIn { from { opacity: 0; transform: translateX(-0.6em); } to { opacity: 1; transform: translateX(0); } } /* �S�� P%Rk0�RM0�0�b6RY0�0_0�0(u */ @media (prefers-reduced-motion: reduce) { .animate-ignition, .animate-ignition.is-visible { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; } }