/* SPUMABEAT interactive gallery */
.spg-grid{columns:3;column-gap:18px}
@media(max-width:991px){.spg-grid{columns:2}}
@media(max-width:575px){.spg-grid{columns:1}}
.spg-item{position:relative;break-inside:avoid;margin:0 0 18px;border-radius:16px;overflow:hidden;cursor:zoom-in;
  box-shadow:0 6px 24px rgba(0,0,0,.10);transform:translateZ(0);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s,opacity .35s}
.spg-item img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.spg-item:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,153,204,.28)}
.spg-item:hover img{transform:scale(1.06)}
.spg-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 14px;display:flex;flex-direction:column;gap:2px;
  background:linear-gradient(180deg,transparent,rgba(0,20,30,.82));color:#fff;
  opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.spg-item:hover figcaption{opacity:1;transform:translateY(0)}
.spg-cat{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00D9FF}
.spg-title{font-size:14px;font-weight:500;line-height:1.35}
.spg-item.spg-hide{display:none}
.spg-item.spg-enter{animation:spgIn .45s cubic-bezier(.22,.61,.36,1) both}
@keyframes spgIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* lightbox */
.spg-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  background:rgba(3,10,16,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;transition:opacity .3s;touch-action:none}
.spg-lb.spg-open{opacity:1}
.spg-lb img{max-width:min(92vw,1400px);max-height:82vh;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.6);
  transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .2s;user-select:none;-webkit-user-drag:none;cursor:grab}
.spg-lb img.spg-zoomed{cursor:grab;max-height:none}
.spg-lb button{position:absolute;border:0;background:rgba(255,255,255,.08);color:#fff;width:52px;height:52px;border-radius:50%;
  font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .25s,transform .25s;backdrop-filter:blur(4px)}
.spg-lb button:hover{background:#00D9FF;color:#04222e;transform:scale(1.08)}
.spg-lb-close{top:22px;right:22px}
.spg-lb-prev{left:22px;top:50%;transform:translateY(-50%)}
.spg-lb-next{right:22px;top:50%;transform:translateY(-50%)}
.spg-lb-meta{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 18px;text-align:center;color:#fff;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(3,10,16,.75))}
.spg-lb-cap{font-size:15px;font-weight:500}
.spg-lb-count{font-size:12px;letter-spacing:.15em;color:#00D9FF;margin-top:4px;text-transform:uppercase}
@media(max-width:767px){.spg-lb-prev{left:8px}.spg-lb-next{right:8px}.spg-lb button{width:42px;height:42px;font-size:18px}}
body.spg-lock{overflow:hidden}