/* ============================================================
   PUSK VPN DESKTOP FLOW V1

   Desktop hierarchy:
   Hero    = 1480px max
   Divider = 1440px max
   Bubbles = 1320px max

   Master stage remains min(94vw, 3360px).
   Mobile remains frozen.
   ============================================================ */

.pusk-divider-v1 {
  position: relative;

  z-index: 4;

  padding: 0;

  margin:
    clamp(-28px, -1.5vw, -12px)
    0
    clamp(-18px, -1vw, -8px);
}

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

  margin-inline: auto;

  display: flex;

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

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

  width: min(86vw, 1440px);
  max-width: 1440px;
  height: auto;

  margin-inline: auto;

  object-fit: contain;

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

  filter:
    drop-shadow(
      0 12px 28px
      rgba(0, 0, 0, .16)
    );
}

@media (min-width: 761px) {

  .pusk-hero-stage-v1 {
    display: flex;

    justify-content: center;
  }

  .pusk-hero-desktop-v1 {
    width: min(88vw, 1480px);
    max-width: 1480px;

    margin-inline: auto;
  }

  .pusk-hero-v1 {
    padding-bottom:
      clamp(20px, 1.8vw, 34px);
  }

  .pusk-bubbles-v1 {
    padding-top:
      clamp(10px, 1vw, 18px);
  }

}

/* Mobile layout is intentionally postponed. */

@media (max-width: 760px) {

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

}