/* CLS & UX Optimizations */
        .inner-banner { min-height: 250px; background-size: cover; }
        .gallery-item { background: #fff; border-radius: 8px; transition: transform 0.3s ease; }
        .gallery-item:hover { transform: translateY(-5px); }
        
        .thumb-container { 
            position: relative; 
            aspect-ratio: 16 / 9; 
            background: #f0f0f0; 
            border-radius: 8px; 
            overflow: hidden; 
        }
        .thumb-container img, .thumb-container video { 
            width: 100%; height: 100%; object-fit: cover; 
        }
        
        .news-excerpt {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            font-size: 0.9rem;
            color: #555;
            min-height: 4.2em;
        }
        .video-overlay {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center;
            color: #fff; font-size: 2.5rem; transition: background 0.3s;
        }
        .thumb-container:hover .video-overlay { background: rgba(0,0,0,0.5); }