: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 supplied PNG byte-identical. Center its visible artwork,
   excluding transparent padding only (alpha bounds 84, 78 to 1443, 989). */
.logo {
  position: relative;
  overflow: hidden;
  width: min(100%, 620px, 120svh);
  aspect-ratio: 1359 / 911;
}

.logo img {
  position: absolute;
  display: block;
  width: 113.024283%;
  max-width: none;
  height: auto;
  left: -6.181015%;
  top: -8.562020%;
}