/* Title Gradient Animations (adapted from InfiniSplat / InfiniDepth) */

.title-main {
    background: linear-gradient(120deg, #4a5d6f 0%, #6a7d8f 30%, #8a9daf 50%, #6a7d8f 70%, #4a5d6f 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    animation: gradient-shift 4s ease-in-out infinite;
}

.title-resolution {
    background: linear-gradient(120deg, #5d85b8 0%, #7da5d8 30%, #9dc5f0 50%, #7da5d8 70%, #5d85b8 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    animation: gradient-shift 4s ease-in-out infinite;
}

.title-finegrained {
    background: linear-gradient(120deg, #6d8f7a 0%, #8daf9a 30%, #adccba 50%, #8daf9a 70%, #6d8f7a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    animation: gradient-shift 4s ease-in-out infinite;
}

.title-neural {
    background: linear-gradient(120deg, #7a6d8f 0%, #9a8daf 30%, #baadcc 50%, #9a8daf 70%, #7a6d8f 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    animation: gradient-shift 4s ease-in-out infinite;
}

@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}