/* =======================================================
   Photography Header
======================================================= */

.gallery-header{

    padding:7rem 0 3rem;

    text-align:center;

}

.gallery-kicker{

    display:block;

    margin-bottom:.75rem;

    font-size:.8rem;

    letter-spacing:.25em;

    text-transform:uppercase;

    color:var(--accent-light);

}

.gallery-header h1{

    margin-bottom:1rem;

}

.gallery-header p{

    max-width:40rem;

    margin:0 auto;

    color:var(--text-secondary);

    line-height:1.8;

}



/* =======================================================
   Masonry Gallery
======================================================= */

.gallery-section{

    padding-bottom:5rem;

}

.photo-wall{

    column-count:4;

    column-gap:1.5rem;

}



/* =======================================================
   Photo Item
======================================================= */

.photo-item{

    display:block;

    margin-bottom:1.5rem;

    break-inside:avoid;

    overflow:hidden;

    border-radius:18px;

    background:rgba(255,255,255,.03);

    transition:

        transform .35s ease,

        box-shadow .35s ease;

}

.photo-item:hover{

    transform:translateY(-4px);

    box-shadow:

        0 20px 50px rgba(0,0,0,.35);

}

.photo-item img{

    display:block;

    width:100%;

    height:auto;

    transition:

        transform .5s ease,

        filter .35s ease;

}

.photo-item:hover img{

    transform:scale(1.04);

}



/* =======================================================
   Fade In
======================================================= */

.photo-wall{

    animation:fadeUp .6s ease;

}



/* =======================================================
   Responsive
======================================================= */

@media(max-width:1200px){

    .photo-wall{

        column-count:3;

    }

}

@media(max-width:768px){

    .photo-wall{

        column-count:2;

    }

}

@media(max-width:480px){

    .photo-wall{

        column-count:1;

    }

}