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

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

body {
  background: #000;
}

.landing {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

.landing img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prompt {
  position: absolute;
  top: 5rem;
  right: 8rem;
  margin: 0;
  max-width: min(24rem, calc(100% - 4rem));
  font-family: "Fredoka", "Trebuchet MS", sans-serif;
  font-size: clamp(2rem, 6vw, 3.25rem);
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.1;
  text-align: right;
  background: linear-gradient(120deg, #ff4ecd 0%, #ff7b54 55%, #ffd24d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 3px 10px rgba(255, 77, 157, 0.35));
}