*{box-sizing:border-box}
html,body{margin:0}
body{-webkit-user-select:none;user-select:none}
img{-webkit-user-drag:none;user-drag:none}
#g{position:relative;margin:0 auto}
.tile{position:absolute;display:block;overflow:hidden;cursor:zoom-in;background:#80808014;transition:left .3s cubic-bezier(.22,.61,.36,1),top .3s cubic-bezier(.22,.61,.36,1),width .3s cubic-bezier(.22,.61,.36,1),height .3s cubic-bezier(.22,.61,.36,1)}
.tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
#lb{position:fixed;inset:0;background:rgba(8,8,10,.97);display:none;align-items:center;justify-content:center;z-index:100}
#lb.on{display:flex}
#lb img{max-width:94vw;max-height:90vh;object-fit:contain}
#lb button{position:fixed;background:none;border:0;color:#fff;opacity:.7;cursor:pointer;line-height:1;font-size:2.4rem;padding:1rem}
#lb button:hover{opacity:1}
#lb .x{top:.2rem;right:1rem}
#lb .p{left:.4rem;top:50%;transform:translateY(-50%)}
#lb .n{right:.4rem;top:50%;transform:translateY(-50%)}
#nav{display:flex;justify-content:center;gap:1.6rem;padding:.2rem 0 1.3rem;font-weight:600;font-size:.95rem;line-height:1}
#nav a{color:inherit;opacity:.5;text-decoration:none;padding:.2rem 0;border-bottom:2px solid transparent}
#nav a:hover{opacity:.8}
#nav a.on{opacity:1;border-bottom-color:currentColor}
.tile.buy-tile{cursor:pointer}
.tile.buy-tile.soon{cursor:default}
.tile .tag{position:absolute;left:0;bottom:0;z-index:2;background:rgba(0,0,0,.6);color:#fff;font-weight:600;font-size:.82rem;line-height:1;padding:.45em .6em}
.tile .cta{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.34);color:#fff;font-weight:600;font-size:.95rem;line-height:1;letter-spacing:.02em;opacity:0;transition:opacity .2s}
.tile.buy-tile:hover .cta{opacity:1}