*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: #ef426f;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.landing {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  color: #17110f;
}

.landing__bg {
  position: absolute;
  inset: 0;
  background-color: #ef426f;
  background-image: url("/assets/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.landing__tagline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  width: min(90vw, 42rem);
  color: #fff7ef;
  font-size: clamp(0.62rem, 1.35vw, 0.95rem);
  font-weight: 400;
  letter-spacing: 0.34em;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}

.landing__brand {
  position: absolute;
  left: max(1.5rem, 4vw);
  bottom: max(1.5rem, 4vh);
  margin: 0;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.landing__title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.35rem, 2.8vw, 2rem);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1;
}

.landing__subtitle {
  margin: 0 0 0.45rem;
  font-size: clamp(0.72rem, 1.45vw, 0.95rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.35;
}

.landing__status {
  margin: 0;
  font-size: clamp(0.62rem, 1.2vw, 0.82rem);
  font-weight: 400;
  letter-spacing: 0.22em;
  line-height: 1.3;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .landing__tagline {
    letter-spacing: 0.26em;
  }

  .landing__brand {
    left: max(1.25rem, 5vw);
    bottom: max(1.25rem, 5vh);
  }
}