/* ==========================================
   BOOKS FROM THE CLOSET
   LOBBY
========================================== */


/* ==========================================
   LOBBY CLICK WRAPPERS
========================================== */

#pumpkinHitbox,
.roomTextHitbox{
    position:absolute;

    user-select:none;
    -webkit-user-select:none;

    -webkit-touch-callout:none;

    touch-action:manipulation;

    outline:none;

    overflow:visible;
}


#pumpkinHitbox{
    cursor:default;
}


.roomTextHitbox{
    cursor:pointer;

    opacity:0;

    filter:brightness(0);
}


/* ==========================================
   LOBBY IMAGES
========================================== */

#pumpkin,
#statement,
#process,
#books,
#residency,
#exhibition{
    position:absolute;

    pointer-events:none;

    user-select:none;
    -webkit-user-select:none;

    -webkit-user-drag:none;
    -webkit-touch-callout:none;
}


/* ==========================================
   ROOM TEXT REVEAL
========================================== */

@keyframes fadeInRoomText{

    from{
        opacity:0;

        filter:brightness(0);
    }

    to{
        opacity:1;

        filter:brightness(1);
    }

}


#statementHitbox.show,
#processHitbox.show,
#booksHitbox.show,
#residencyHitbox.show,
#exhibitionHitbox.show{
    animation:
        fadeInRoomText
        0.8s
        ease-out
        forwards;
}


/* ==========================================
   STATEMENT
========================================== */

#statementHitbox{
    left:913px;
    top:250px;

    width:150px;
    height:110px;

    z-index:3;
}


#statement{
    left:-951px;
    top:-268px;

    width:2000px;
    height:auto;
}


/* ==========================================
   PROCESS
========================================== */

#processHitbox{
    left:927px;
    top:385px;

    width:163px;
    height:113px;

    z-index:3;
}


#process{
    left:-967px;
    top:-406px;

    width:2000px;
    height:auto;
}


/* ==========================================
   BOOKS
========================================== */

#booksHitbox{
    left:934px;
    top:523px;

    width:144px;
    height:92px;

    z-index:3;
}


#books{
    left:-974px;
    top:-554px;

    width:2000px;
    height:auto;
}


/* ==========================================
   RESIDENCY
========================================== */

#residencyHitbox{
    left:923px;
    top:642px;

    width:166px;
    height:78px;

    z-index:3;
}


#residency{
    left:-965px;
    top:-676px;

    width:2000px;
    height:auto;
}


/* ==========================================
   EXHIBITION
========================================== */

#exhibitionHitbox{
    left:916px;
    top:767px;

    width:179px;
    height:82px;

    z-index:3;
}


#exhibition{
    left:-960px;
    top:-805px;

    width:2000px;
    height:auto;
}


/* ==========================================
   BOOKS FROM THE CLOSET BRANDING
========================================== */

#booksFromTheCloset{
    position:absolute;

    left:526px;
    top:658px;

    width:900px;
    height:526px;

    z-index:3;

    pointer-events:none;

    user-select:none;
    -webkit-user-select:none;

    -webkit-user-drag:none;
    -webkit-touch-callout:none;
}


/* ==========================================
   PUMPKIN
========================================== */

#pumpkinHitbox{
    left:1146px;
    top:752px;

    width:212px;
    height:187px;

    z-index:3;
}


#pumpkin{
    left:6px;
    top:3px;

    width:200px;
    height:auto;
}


/* ==========================================
   REMOVE TAP HIGHLIGHTS
========================================== */

#pumpkinHitbox,
#statementHitbox,
#processHitbox,
#booksHitbox,
#residencyHitbox,
#exhibitionHitbox{
    -webkit-tap-highlight-color:
        rgba(0, 0, 0, 0);
}


/* ==========================================
   REMOVE FOCUS AND ACTIVE FEEDBACK
========================================== */

#pumpkinHitbox:focus,
#statementHitbox:focus,
#processHitbox:focus,
#booksHitbox:focus,
#residencyHitbox:focus,
#exhibitionHitbox:focus,
#pumpkinHitbox:active,
#statementHitbox:active,
#processHitbox:active,
#booksHitbox:active,
#residencyHitbox:active,
#exhibitionHitbox:active{
    outline:none;

    box-shadow:none;

    -webkit-tap-highlight-color:
        rgba(0, 0, 0, 0);
}