/* Full-screen recreation of the current thejei.com landing page. */
:root {
  color-scheme: dark;
  --overlay-color: rgba(26, 26, 26, 0.65);
  --logo-width: 521px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
}

body { background: #313a24; }

.landing {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: 72px 45px;
  background: url("assets/welcome.png") center center / cover no-repeat;
}

/* Separate overlay leaves the white logo at full brightness. */
.landing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--overlay-color);
}

.brand {
  width: min(var(--logo-width), 100%);
  margin: 0;
  line-height: 0;
}

.brand img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .landing { padding: 48px 24px; }
}