/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 02 2026 | 15:03:30 */
.journey-gallery{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;

}

.journey-item{

    position:relative;
    overflow:hidden;
    border-radius:0px;

}

.journey-item a{

    display:block;
    text-decoration:none;
    color:inherit;

}

.journey-image{

    aspect-ratio:1/1;
    overflow:hidden;

}

.journey-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;

}

.journey-overlay{

    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    padding:18px;
    background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0));
    opacity:0;
    transition:opacity .3s ease;

}

.journey-item:hover img{

    transform:scale(1.05);

}

.journey-item:hover .journey-overlay{

    opacity:1;

}

.journey-instagram{

    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:.95rem;
    font-weight:500;

}

.journey-instagram i{

    font-size:1.2rem;

}

/* Tablet */

@media (max-width:1024px){

    .journey-gallery{

        grid-template-columns:repeat(4,minmax(0,1fr));

    }

}

/* Mobile */

@media (max-width:767px){

    .journey-gallery{

        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;

    }

    .journey-overlay{

        opacity:1;
        padding:12px;

    }

    .journey-instagram{

        font-size:.8rem;

    }

    .journey-instagram i{

        font-size:1rem;

    }

}