.albums{margin:0 auto;position:relative}.albums:after{background:#252323 url(/images/collage/loading.svg) no-repeat 50% 75px;background-size:60px auto;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%}.albums.loaded:after{opacity:0;visibility:hidden}.album-item{background:url(/images/collage/album.svg) no-repeat 50%;background-size:100%;padding:20px;width:190px}.active{opacity:0!important}.img-wrap{display:block}.img-wrap:focus,.img-wrap:hover{outline:none}.img-wrap img{display:block;max-width:100%}.preview{align-content:center;align-items:flex-start;display:-ms-flex;display:flex;justify-content:center;padding-top:50px;pointer-events:none;z-index:1000}.preview,.preview:before{height:100%;left:0;position:fixed;top:0;width:100%}.preview:before{background:#1f1d1d;background:#fff;content:"";opacity:0;transition:opacity .6s}.preview .description{color:#000}.preview--open{pointer-events:auto}.preview--open:before{opacity:1}.preview--open .animate{transition:transform .6s,opacity .2s}.preview--open .description--preview{opacity:1;transform:translate3d(-50%,0,0);transition-delay:.4s}.preview--open .button--view{opacity:1;pointer-events:auto;transform:translate3d(-50%,-50%,0);transition:opacity .3s,transform .3s;transition-delay:.6s}.clone{position:fixed;transition:transform .6s cubic-bezier(.5,1,.2,1);z-index:110}.clone,.original{-webkit-backface-visibility:hidden}.original{display:block;-o-object-fit:contain;object-fit:contain;position:relative;transition:opacity .2s;z-index:120}.animate{transition:transform .3s,opacity .2s;transition-delay:.1s}.description{color:#fff}.hidden{display:none}.description--preview{bottom:0;font-size:2em;height:50%;left:50%;margin:0 auto;max-width:900px;opacity:0;padding:2em 1em;position:fixed;text-align:center;transform:translate3d(-50%,0,0);transition:opacity .3s,transform .3s;width:100%;z-index:140}.description--preview h3{font-weight:400;margin:0}.description--preview p{font-size:.65em}.action{background:none;border:none;color:#6bd68a;color:#444;cursor:pointer;font-size:1.5em;margin:0;padding:0;vertical-align:top}.action:focus,.action:hover{color:#6bd68a;outline:none}.action--close{opacity:0;padding:1em;position:fixed;right:0;top:0;transform:scale3d(.6,.6,1);transition:opacity .3s,transform .3s;z-index:150}.preview--image-loaded .action--close{opacity:1;transform:scaleX(1)}.text-hidden{color:transparent;display:block;height:0;overflow:hidden;position:absolute;width:0}.button{background:#57cc78;border:none;border-radius:2em;color:#fff;font-weight:700;font-weight:400;margin:0;padding:1.15em 2.175em;white-space:nowrap}.button--view{-webkit-font-smoothing:subpixel-antialiased;left:50%;opacity:0;pointer-events:none;position:absolute;top:25vh;transform:translate3d(-50%,-50%,0) scale3d(.9,.9,1);z-index:200}.collage{height:50%;left:0;position:fixed;top:0;width:100%;z-index:100}.collage img{left:50%;max-height:calc(50vh - 150px);opacity:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale3d(.1,.1,1);transition:opacity .2s,transform .2s}.collage--open img{opacity:1;transition:opacity .3s,transform .3s;transition-delay:.2s}.collage--open img:first-of-type{transform:translate3d(-50%,-50%,0) translate3d(-100px,0,0) rotate(-15deg) scaleX(1);z-index:1}.collage--open img:nth-of-type(2){transform:translate3d(-50%,-50%,0) translate3d(-70px,0,0) rotate(-5deg) scaleX(1);transition-delay:.3s;z-index:2}.collage--open img:nth-of-type(3){transform:translate3d(-50%,-50%,0) translate3d(70px,0,0) rotate(5deg) scaleX(1);transition-delay:.3s;z-index:2}.collage--open img:nth-of-type(4){transform:translate3d(-50%,-50%,0) translate3d(100px,0,0) rotate(15deg) scaleX(1);z-index:1}@media screen and (max-width:40em){.description--preview{font-size:1.5em}.button{font-size:.9em}}