.page-transition-intro{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;pointer-events:none}.page-transition-intro-title{color:#fff;opacity:0;font-size:clamp(2rem,8vw,5rem);font-weight:700;margin:1rem 0;animation:fadeInIntro 1.5s ease forwards}.page-transition-intro-text{font-size:clamp(1.5rem,6vw,4rem);opacity:0;color:#fff;animation:fadeInIntroText 1.5s ease forwards .5s}@keyframes fadeInIntro{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes fadeInIntroText{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.page-transition-content{position:relative;width:100%;min-height:100vh;overflow:hidden;opacity:1}.page-transition-content *{animation-fill-mode:forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards;opacity:0}.fade-in-up-delay-1{animation:fadeInUp .5s ease-out .1s forwards;opacity:0}.fade-in-up-delay-2{animation:fadeInUp .5s ease-out .2s forwards;opacity:0}.fade-in-up-delay-3{animation:fadeInUp .5s ease-out .3s forwards;opacity:0}.fade-in-up-delay-4{animation:fadeInUp .5s ease-out .4s forwards;opacity:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.animate-scroll{animation:scroll 40s linear infinite;display:flex;width:fit-content;will-change:transform}.animate-scroll:hover{animation-play-state:paused}