.brand-logo {
  position: fixed;
  top: calc(16px + env(safe-area-inset-top));
  left: calc(20px + env(safe-area-inset-left));
  z-index: 3;
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.brand-logo img {
  width: clamp(118px, 14vw, 162px);
  height: auto;
  display: block;
}

@media (max-width: 420px) {
  .brand-logo {
    top: calc(12px + env(safe-area-inset-top));
    left: calc(14px + env(safe-area-inset-left));
  }

  .brand-logo img {
    width: clamp(104px, 33vw, 132px);
  }
}