/*Thumbnail and gallery background images*/

.item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.6;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    cursor: pointer;
}


.item:hover {
    opacity: 1;
}


.item.clip .vid {
    width: 100%;
    height: 100%;
    background-image: url(images/play_btn.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: calc(13rem);
    -webkit-filter: saturate(0) brightness(1);
            filter: saturate(0) brightness(1);
    opacity: 0.8;
    -webkit-transition: opacity 0.4s, -webkit-filter 0.4s;
    transition: opacity 0.4s, -webkit-filter 0.4s;
    transition: filter 0.4s, opacity 0.4s;
    transition: filter 0.4s, opacity 0.4s, -webkit-filter 0.4s;
}

#mandala .item.clip .vid {
    height: 0;
    padding-bottom: 56.25%;
}


.item.clip .vid:hover {
    opacity: 1;
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
}


.vid iframe {
    display: none;
}


.arrowL, .arrowR {
    position: absolute;
}


/*WAVER*/
#wav1 {
    background-image: url(images/thumbs/waver-full_tb.jpg);
}

#wav2 {
    background-image: url(images/thumbs/waver-cu_tb.jpg);
}

#wav3 {
    background-image: url(images/thumbs/waver-detail_tb.jpg);
}

#wav4 {
    background-image: url(images/thumbs/waver-loop_tb.gif);
}

/*TETE-A-TETE*/
#tat1 {
    background-image: url(images/thumbs/tat-facing_tb.jpg);
}

#tat2 {
    background-image: url(images/thumbs/tat-glare_tb.jpg);
}

#tat3 {
    background-image: url(images/thumbs/tat-side_tb.jpg);
}

#tat4 {
    background-image: url(images/thumbs/tat-vid_tb.jpg);
}


/*TRY ME*/
#tryme1 {
    background-image: url(images/thumbs/tryme-loop_tb.webp);
}

.no-webp #tryme1 {
    background-image: url(images/thumbs/tryme-loop_tb.gif);
}

#tryme2 {
    background-image: url(images/thumbs/tryme-full_tb.jpg);
}

#tryme3 {
    background-image: url(images/thumbs/tryme-pan_tb.jpg);
}


/*DIAMOND SUPERCUT*/
#diamond3 {
    background-image: url(images/gallery/diamond_solo.webp);
}

.no-webp #diamond3 {
    background-image: url(images/gallery/diamond_solo.gif);
}

#diamond1 {
    background-image: url(images/thumbs/diamond-supercut-side_tb.jpg);
}

#diamond2 {
    background-image: url(images/thumbs/diamond-supercut-front_tb.jpg);
}

#diamond4 {
    background-image: url(images/thumbs/diamond-supercut-cu_tb.jpg);
}


/*IDENTITY MASK*/
#imask1 {
    background-image: url(images/thumbs/imask-vid_tb.jpg);
}

#imask2 {
    background-image: url(images/thumbs/imask1_tb.jpg);
}

#imask3 {
    background-image: url(images/thumbs/imask2_tb.jpg);
}

#imask4 {
    background-image: url(images/thumbs/imask3_tb.jpg);
}

#imask5 {
    background-image: url(images/thumbs/imask4_tb.jpg);
}

#imask6 {
    background-image: url(images/thumbs/imask5_tb.jpg);
}




/*YOU ARE HERE*/
#yah1 {
    background-image: url(images/thumbs/yah-vid_tb.jpg);
}

#yah2 {
    background-image: url(images/thumbs/yah_front_tb.jpg);
}

#yah3 {
    background-image: url(images/thumbs/yah_side_tb.jpg);
}

#yah4 {
    background-image: url(images/thumbs/yah_angle_tb.jpg);
}



/*MASK FOR LATE-STAGE CAPITALISM*/
#m4lsc1 {
    background-image: url(images/thumbs/mask1-quarter_tb.jpg);
}

#m4lsc2 {
    background-image: url(images/thumbs/mask1-facing_tb.jpg);
}

#m4lsc3 {
    background-image: url(images/thumbs/mask1-side_tb.jpg);
    background-position: center 38%;
}

#m4lsc4 {
    background-image: url(images/thumbs/mask1-dark_tb.jpg);
}



/*BALL DROP*/
#ball1 {
    background-image: url(images/thumbs/ball-vid_tb.jpg);
}

#ball2 {
    background-image: url(images/thumbs/ball-down_tb.jpg);
    background-position: center 30%;
}

#ball3 {
    background-image: url(images/thumbs/ball-up_tb.jpg);
        background-position: center 30%;

}

#ball4 {
    background-image: url(images/thumbs/ball-wide_tb.jpg);
        background-position: center 30%;
}



/*STATION*/
#station1 {
    background-image: url(images/thumbs/station-vid_tb.jpg);
}

#station2 {
    background-image: url(images/thumbs/station-side_tb.jpg);
}

#station3 {
    background-image: url(images/thumbs/station-low_tb.jpg);
}

#station4 {
    background-image: url(images/thumbs/station-detail1_tb.jpg);
}

#station5 {
    background-image: url(images/thumbs/station-detail2_tb.jpg);
}



/*THE VOICES HE HEARS*/
#voices1 {
    background-image: url(images/thumbs/voices1_tb.jpg);
}

#voices2 {
    background-image: url(images/thumbs/voices2_tb.jpg);
}

#voices3 {
    background-image: url(images/gallery/voices-idle.webp);
    background-position: center 15%;
}

.no-webp #voices3 {
    background-image: url(images/thumbs/voices-idle_tb.gif);
    background-position: center 15%;
}

#voices4 {
    background-image: url(images/gallery/voices-bignod.webp);
    background-position: center 15%;
}

.no-webp #voices4 {
    background-image: url(images/thumbs/voices-bignod_tb.gif);
    background-position: center 15%;
}

#voices5 {
    background-image: url(images/gallery/voices-smile.webp);
    background-position: center 15%;
}

.no-webp #voices5 {
    background-image: url(images/thumbs/voices-smile_tb.gif);
    background-position: center 15%;
}


/*MANDALA*/
#mandala1 {
    background-image: url(images/thumbs/mandala-toaf1_tb.jpg);
}

#mandala2 {
    background-image: url(images/thumbs/mandala-toaf2_tb.jpg);
}

#mandala-vid {
    background-image: url(images/thumbs/mandala_player.jpg);
}


/*3 BUILDERS*/
#builders1 {
    background-image: url(images/thumbs/3builders-vid_tb.jpg);
}

#builders2 {
    background-image: url(images/thumbs/triangulo_tb.jpg);
}

#builders3 {
    background-image: url(images/thumbs/cuadrado_tb.jpg);
}

#builders4 {
    background-image: url(images/thumbs/circulo_tb.jpg);
}

#builders5 {
    background-image: url(images/thumbs/builders-stacked_tb.jpg);
}

#builders6 {
    background-image: url(images/thumbs/builders-bau-gallery_tb.jpg);
}


/*SPRITES*/

#sprites1 {
    background-image: url(images/thumbs/sprite-disbelief_tb.jpg);
}

#sprites2 {
    background-image: url(images/thumbs/sprite-disbelief-clip_tb.jpg);
}

#sprites3 {
    background-image: url(images/thumbs/sprite-murmurs_tb.jpg);
}

#sprites4 {
    background-image: url(images/thumbs/sprite-fear_tb.jpg);
}

#sprites5 {
    background-image: url(images/thumbs/sprite-group_tb.jpg);
}

#sprites6 {
    background-image: url(images/thumbs/sprite-clip_tb.jpg);
}


/*ORNAMENTS*/
#xmas25 {
    background-image: url(images/thumbs/spider2025_tb.jpg);
}

#xmas24 {
    background-image: url(images/thumbs/hummingbird2024_tb.jpg);
}

#xmas23 {
    background-image: url(images/thumbs/seraphim2023_tb.jpg);
}

#xmas22 {
    background-image: url(images/thumbs/snake2022_tb.jpg);
}

#xmas21 {
    background-image: url(images/thumbs/blowfish2021_tb.jpg);
}

#xmas20 {
    background-image: url(images/thumbs/krampus2020_tb.jpg);
}


/*IRONCLAD*/
#iron1 {
    background-image: url(images/thumbs/ironclad1_tb.jpg);
}

#iron2 {
    background-image: url(images/thumbs/ironclad2_tb.jpg);
}

#iron3 {
    background-image: url(images/thumbs/ironclad3_tb.jpg);
}


/*PERIMETER*/
#perimeter1 {
    background-image: url(images/thumbs/perimeter1_tb.jpg);
}

#perimeter2 {
    background-image: url(images/thumbs/perimeter2_tb.jpg);
}

#perimeter3 {
    background-image: url(images/thumbs/perimeter3_tb.jpg);
}

#perimeter4 {
    background-image: url(images/thumbs/perimeter4_tb.jpg);
}


/*STOCKPILE*/
#blitz {
    background-image: url(images/thumbs/stockpile-blitz_tb.jpg);
}

#beacon {
    background-image: url(images/thumbs/stockpile-beacon_tb.jpg);
}

#megaton {
    background-image: url(images/thumbs/stockpile-megaton_tb.jpg);
}

#fire {
    background-image: url(images/thumbs/stockpile-fire_tb.jpg);
}

#silo1 {
    background-image: url(images/thumbs/stockpile-silo1_tb.jpg);
}

#silo2 {
    background-image: url(images/thumbs/stockpile-silo2_tb.jpg);
}

#cache {
    background-image: url(images/thumbs/stockpile-cache_tb.jpg);
}


/*KINK CHANDELIER*/
#kink1 {
    background-image: url(images/thumbs/kink-main_tb.jpg);
}

#kink2 {
    background-image: url(images/thumbs/kink-cu_tb.jpg);
}

#kink3 {
    background-image: url(images/thumbs/kink-under_tb.jpg);
}

#kink4 {
    background-image: url(images/thumbs/kink-rainbow_tb.jpg);
}


/*STAIRWELL INTERVENTION*/
#stair1 {
    background-image: url(images/thumbs/stairwell-magenta_tb.jpg);
}

#stair2 {
    background-image: url(images/thumbs/stairwell-blue_tb.jpg);
}

#stair3 {
    background-image: url(images/thumbs/stairwell-before_tb.jpg);
}

#stair4 {
    background-image: url(images/thumbs/stairwell-after_tb.jpg);
}