:root {
  color-scheme: light;
  background: #fff;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-width: 240px;
  background: #fff;
}

main {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));
}

/* Keep the original PNG intact. Center its visible artwork, excluding only
   transparent padding (alpha bounds: 203, 57 to 1841, 746). */
.logo {
  position: relative;
  overflow: hidden;
  width: min(100%, 620px, 150svh);
  aspect-ratio: 1638 / 689;
}

.logo img {
  position: absolute;
  display: block;
  width: 121.062271%;
  max-width: none;
  height: auto;
  left: -12.393162%;
  top: -8.272859%;
}