.card{position:relative;overflow:hidden;transform:translateY(100px);opacity:0;transition:opacity 0s,transform 0s;will-change:transform,opacity}.card.reveal{opacity:1;transform:translateY(0);transition:opacity 1.2s cubic-bezier(.33,1,.68,1),transform 1.2s cubic-bezier(.33,1,.68,1)}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);opacity:0;transition:opacity 0s ease,transform 0s ease;will-change:transform,opacity}.card.reveal .card-image{opacity:1;transform:scale(1);transition:opacity 1.8s ease .1s,transform 2s cubic-bezier(.33,1,.68,1) .1s}.card-content{transition:opacity 0s,transform 0s}.card.reveal .card-content{opacity:1;transform:translateY(0);transition:opacity 1s ease .5s,transform 1s cubic-bezier(.33,1,.68,1) .5s}.card-title{font-size:1.5rem;margin-bottom:5px;font-weight:700}.card-subtitle{font-size:1rem;opacity:.7}.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite;text-align:center;z-index:10}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-20px) translate(-50%)}60%{transform:translateY(-10px) translate(-50%)}}