.photogallery_container{position:relative;float:left;overflow:hidden}.photogallery_container,.photogallery_container *{box-sizing:border-box}.photogallery{display:grid;height:calc(100vh - 10px);grid-template:repeat(6,1fr)/repeat(6,1fr);grid-gap:.5em}.photogallery>div:nth-child(6n+1){grid-column:span 2;grid-row:span 2}.photogallery>div:nth-child(2){grid-column:span 3;grid-row:span 3}.photogallery>div:nth-child(4){grid-column:span 1;grid-row:span 2}.photogallery>div>a{opacity:0;position:absolute;color:#000;background-color:#000;font:bold 4em Helvetica;text-shadow:0 -1px 2px #fff,-1px 0 2px #fff,0 1px 2px #fff,1px 0 2px #fff;padding:2rem;mix-blend-mode:difference;width:100%;height:100%;transition:all ease 1s}.photogallery>div>img{width:100%;min-height:100%;transition:all ease 1s}.photogallery>div:hover img{filter:blur(4px)}.photogallery>div:hover a{opacity:1}.photogallery>div{overflow:hidden;position:relative}.photogallery a,.photogallery div{display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:.4em}[id^=photogallery_lightbox_]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;opacity:0;transition:opacity 450ms ease-in-out;align-items:center;justify-content:center;pointer-events:none}[id^=photogallery_lightbox_]:target{opacity:1;pointer-events:inherit}[id^=photogallery_lightbox_]:target img{filter:blur(0)}[id^=photogallery_lightbox_] .content{max-width:90%;position:relative;color:#fff}[id^=photogallery_lightbox_] .content:hover>a.close{opacity:1;transform:scale(1,1)}[id^=photogallery_lightbox_] .content:hover>.title{opacity:1;transform:translateY(-3px)}[id^=photogallery_lightbox_] .content:hover>.title::after{opacity:1}[id^=photogallery_lightbox_] .content>*{transition:all 450ms ease-in-out}[id^=photogallery_lightbox_] .title{display:block;margin:0;padding:1em;position:absolute;bottom:0;width:100%;transform:translateY(50%);font-size:.9em;opacity:0}[id^=photogallery_lightbox_] .title::after{content:' ';background-color:rgba(0,0,0,.4);bottom:0;left:0;height:100%;width:100%;position:absolute;transition:all 350ms ease-in-out 250ms;opacity:0;transform-origin:bottom;mix-blend-mode:soft-light}[id^=photogallery_lightbox_] img{max-height:90vh;max-width:100%;margin:0;padding:0;filter:blur(50px)}[id^=photogallery_lightbox_] a.close{width:2em;height:2em;position:absolute;right:0;top:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;transform:scale(0,0);opacity:0;transform-origin:right top;text-decoration:none;color:#fff}[id^=photogallery_lightbox_] a.close::after{content:"X"}