/* The supplied neon artwork is kept intact, with a dark surface for clarity. */
.brand-logo, .logo {
  mix-blend-mode: normal;
  background: var(--z-ink);
  padding: 9px 11px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--z-deep) 20%, var(--z-ink));
}
.home-header .brand-logo { width: 164px; }
.brand-logo img, .logo img { width: 100%; height: auto; object-fit: contain; }
.phone-top > img { mix-blend-mode: normal; padding: 5px 6px; border-radius: 7px; background: var(--z-ink); width: 98px; }
.stage-letter { display: block; width: 95%; height: 92%; object-fit: contain; opacity: .12; top: -10px; right: -7%; font-size: inherit; letter-spacing: normal; }
.final-z { width: clamp(220px, 33vw, 460px); height: auto; aspect-ratio: 1; object-fit: contain; opacity: .12; }
.page-intro::before { content: ""; width: 270px; height: 270px; top: -42px; right: 10px; background: url('/assets/zippy-mark.svg') center / contain no-repeat; opacity: .1; }
.store-platform-brand { display: inline-block; width: 142px; padding: 8px 10px; border-radius: 11px; background: #17211d; border: 1px solid #ffffff12; }
.store-platform-brand img { width: 100%; height: auto; object-fit: contain; }
.store-platform > p { font-size: 12px; margin-top: 10px; margin-bottom: 8px; }
@media (max-width: 980px) {
  .home-header .brand-logo { width: 141px; }
}
@media (max-width: 680px) {
  .home-header .brand-logo { width: 103px; padding: 7px 8px; border-radius: 9px; }
  .mobile-location { min-width: 0; }
  #header-city { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .stage-letter { width: 90%; height: 93%; top: -14px; right: -1%; }
  .final-z { width: 270px; right: -55px; bottom: -75px; }
  .page-intro::before { height: 180px; width: 180px; top: 0; right: -15px; }
  .market-footer .logo { width: 125px; }
}
@media (max-width: 600px) {
  .market-header .logo { width: 86px; padding: 7px; border-radius: 9px; }
}
@media (max-width: 360px) {
  .home-header .brand-logo { width: 91px; padding: 6px 7px; }
  .market-header .logo { width: 75px; padding: 6px; }
  #header-city { max-width: 100px; }
}