/* ============================================================
   PUSK VPN BUBBLES V1 - RETRY 2

   3360px remains the master composition width.
   It is NOT the CSS display width.

   Desktop display:
   centered inside the same global stage,
   but visually constrained to 1320px maximum.

   Mobile remains frozen.
   ============================================================ */

.pusk-bubbles-v1 {
  position: relative;

  z-index: 4;

  padding:
    clamp(28px, 2.5vw, 46px)
    0
    clamp(88px, 6vw, 120px);
}

.pusk-bubbles-stage-v1 {
  width: min(94vw, 3360px);

  margin-inline: auto;

  display: flex;

  justify-content: center;
  align-items: center;
}

.pusk-bubbles-art-v1 {
  display: block;

  width: min(80vw, 1320px);
  max-width: 1320px;
  height: auto;

  margin-inline: auto;

  object-fit: contain;

  user-select: none;
  -webkit-user-drag: none;

  filter:
    drop-shadow(
      0 18px 36px
      rgba(0, 0, 0, .20)
    );
}

/* Mobile work is postponed until desktop is complete. */

@media (max-width: 760px) {

  .pusk-bubbles-v1 {
    display: none;
  }

}