* { -webkit-tap-highlight-color: transparent; } html { scroll-behavior: smooth; }  .sim-fadein-up { opacity: 0; transform: translate(0,50%) scale(1); transition: all 1.8s cubic-bezier(0.23, 1, 0.32, 1); } .sim-fadein-up.active { opacity: 1; transform: translate(0,0) scale(1); } .text-ani-fadeinup-once { opacity: 0; display: inline-block; overflow: hidden; }  .work-container { width: 100%; overflow-x: hidden; overflow-y: visible; position: relative; cursor: none; height:auto; } .work-track { display: flex; height: 100%; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; will-change: transform; gap: 24px; cursor:none; } .work-box { display: flex; justify-content: center; align-items: flex-start; border-radius:0; margin: 0; margin-right: 0 !important; flex-shrink: 0; width: 600px; height:auto; cursor:none; } .work-box img { width: 100%; height: auto; object-fit: contain; }  .work-cursor { position: fixed; top: 0; left: 0; width: 100px; height: 100px; pointer-events: none; background: rgba(0, 0, 0, 0.8); color: white; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s ease; z-index: 9999; font-family: "Montserrat"; white-space: nowrap; }  .image-block { position: relative; width: 600px; height: 400px; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .image-block img { width: 100%; height: 100%; object-fit: cover; transform: translateY(100%); opacity: 0; }