*{box-sizing:border-box}html,body{min-height:100%;background:#000;color:#eee;font-family:Arial,Helvetica,sans-serif}body{margin:0;overflow-x:hidden}.effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.bubble{position:absolute;width:var(--size);height:var(--size);transform:translate(-50%,-50%);color:var(--color);opacity:var(--opacity);will-change:transform,opacity}.bubble-ring{position:absolute;inset:0;border:.16em solid currentColor;border-radius:50%;animation:ring var(--dur) ease-out forwards;filter:drop-shadow(0 0 7px currentColor)}.heart{position:absolute;inset:8%;width:84%;height:84%;animation:heart var(--dur) ease-out forwards;filter:drop-shadow(0 0 10px #e27373)}.heart path{fill:#ff8585}@keyframes ring{0%{opacity:0;transform:scale(.05)}18%{opacity:1}72%{opacity:.9}100%{opacity:0;transform:scale(1.15) translate(var(--dx),var(--dy))}}@keyframes heart{0%{opacity:0;transform:scale(.05)}20%{opacity:1;transform:scale(.58)}72%{opacity:.9}100%{opacity:0;transform:scale(1.04) translate(calc(var(--dx)*.5),calc(var(--dy)*.5))}}.gallery{position:relative;z-index:10;max-width:1500px;min-height:1810px;margin:0 auto;padding:20px 28px 0}.gallery-link{position:absolute;display:block;text-decoration:none;transition:transform .2s ease,filter .2s ease;z-index:2}.gallery-link:nth-child(1){width:34%;left:2%;top:45px;transform:rotate(-1.4deg)}.gallery-link:nth-child(2){width:31%;right:4%;top:12px;transform:rotate(1.7deg)}.gallery-link:nth-child(3){width:38%;left:31%;top:370px;transform:rotate(-.7deg);z-index:4}.gallery-link:nth-child(4){width:27%;right:2%;top:615px;transform:rotate(1.4deg)}.gallery-link:nth-child(5){width:32%;left:3%;top:725px;transform:rotate(-1.8deg)}.gallery-link:nth-child(6){width:31%;left:36%;top:1050px;transform:rotate(1.2deg);z-index:5}.gallery-link:nth-child(7){width:35%;right:4%;top:1230px;transform:rotate(-1deg)}.gallery-link:hover{z-index:30!important;transform:rotate(0) scale(1.018);filter:drop-shadow(0 12px 24px #000)}.gallery-image{position:relative;margin:0;background:#0b0b0b;padding:5px;border:1px solid #2b2b2b;box-shadow:0 0 0 1px #050505}.gallery-image img{display:block;width:100%;height:auto}.lightbox{z-index:100;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:rgba(0,0,0,.96);color:#fff}.lightbox::backdrop{background:#000}.lightbox figure{height:100%;margin:0;display:flex;align-items:center;justify-content:center;padding:46px 70px}.lightbox img{max-width:100%;max-height:calc(100vh - 92px);object-fit:contain}.close,.nav{position:fixed;border:0;background:transparent;color:#aaa;cursor:pointer;z-index:3}.close{top:10px;right:14px;font-size:34px}.nav{top:50%;transform:translateY(-50%);font-size:42px;width:54px;height:110px}.prev{left:4px}.next{right:4px}
@media(max-width:850px){.gallery{min-height:auto;padding:12px 10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;align-items:start}.gallery-link:nth-child(n){position:relative;inset:auto;width:auto;transform:none!important}.gallery-link:nth-child(3),.gallery-link:nth-child(6),.gallery-link:nth-child(7){grid-column:1/-1;width:88%;max-width:100%}.gallery-link:nth-child(6){justify-self:end}.gallery-link:nth-child(7){justify-self:center}.gallery-image{padding:4px}.lightbox figure{padding:48px 10px}.nav{width:44px}.effects{z-index:1}}
@media(prefers-reduced-motion:reduce){.effects{display:none}.gallery-link{transition:none}}