@keyframes slow-pan {
        0% { transform: scale(1.05) translateX(0); }
        50% { transform: scale(1.1) translateX(-20px); }
        100% { transform: scale(1.05) translateX(0); }
    }
    .animate-slow-pan {
        animation: slow-pan 20s ease-in-out infinite;
    }

    @keyframes grow-v {
        0% { transform: scaleY(0); opacity: 0; }
        100% { transform: scaleY(1); opacity: 1; }
    }
    .animate-grow-v {
        animation: grow-v 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        transform-origin: center;
    }

    @keyframes reveal-rtl {
        from { clip-path: inset(0 0 0 100%); transform: translateX(-20px); }
        to { clip-path: inset(0 0 0 0); transform: translateX(0); }
    }
    .animate-reveal-rtl {
        animation: reveal-rtl 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    .animate-reveal-rtl-delay {
        animation: reveal-rtl 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
        clip-path: inset(0 0 0 100%);
    }

    @keyframes fade-in-right {
        from { opacity: 0; transform: translateX(30px); }
        to { opacity: 1; transform: translateX(0); }
    }
    .animate-fade-in-right {
        animation: fade-in-right 0.8s ease-out forwards;
    }

    @keyframes fade-in-up {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up {
        animation: fade-in-up 1s ease-out 0.6s forwards;
        opacity: 0;
    }
   
    @media (min-width: 768px) {
         .h1-work-hero1,.h1-work-hero2{
        height: 100px;
    }
    }

@media (max-width: 768px) {
        .news-hero { height: 350px !important; }
        .news-hero h1 { font-size: 2.8rem !important; }
        .animate-grow-v { right: -15px !important; }
         .h1-work-hero1,.h1-work-hero2{
        height: 70px;
    }
    }