/* Small design touches */
    .hero {
        background-size: cover;
        background-position: center;
        color: #fff;
        position: relative;
        border-radius: .5rem;
        overflow: hidden;
        height: 100px;
    } 

    .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.6));
    }
    .hero-content {
        position: relative;
        z-index: 2;
        padding: 3rem 1.5rem;
    }
    .card-paragraph {
        background: #fff;
        border-radius: .5rem; 
        padding: 1.25rem;
    }
    .gallery-item img { object-fit: cover; height: 200px; width: 100%; }
    .glightbox.play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,0.85);
        color: #000;
        text-decoration: none;
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }