<!doctype html>
<html lang="en">
<head>
  <meta name="robots" content="noindex">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Welcome</title>
  <style>
    :root {
      --bg:#201418;
      --fg:#F8F5F2;
      --muted:#B8B3AE;
      --maxw: 50rem;
      --pad: clamp(16px, 4vw, 40px);
    }
    html,body {height:100%}
    body {
      margin:0;
      background:
        linear-gradient(
          to right,
          rgba(0,0,0,.50) 0%,
          rgba(0,0,0,.20) 2%,
          rgba(0,0,0,0)   6%,
          rgba(0,0,0,0)   94%,
          rgba(0,0,0,.20) 98%,
          rgba(0,0,0,.50) 100%
        ),
        linear-gradient(135deg, #1A1114, #24161C 60%, #1A1114);
      position: relative;
      overflow: hidden;
      color:var(--fg);
      font-family: "Garamond", "Palatino Linotype", "Book Antiqua", Palatino,
                   "Times New Roman", Times, serif;
      line-height:1.45;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    .wrap {
      max-width:var(--maxw);
      margin:0 auto;
      padding:calc(var(--pad) * 1.2) var(--pad);
    }
    h1 {
      margin:-.3rem 0 1.5rem 0;
      font-weight:500;
      font-size:clamp(2.5rem, 5vw, 4rem);
      letter-spacing:.05em;
      text-shadow:
	0 0 15px rgba(255,255,0,0.1),
	0 0 12px rgba(255,0,150,0.1),
        0 0 4px rgba(0,0,0,0.99);
    }
    p {
      margin:.25rem 0;
      font-size:clamp(1.1rem, 2.6vw, 2rem);
    }
    hr {
      border: 0;
      height: 1px;
      background: linear-gradient(to right,
        #6A0D0D,
        orange,
        fuchsia,
	fuchsia,
	fuchsia,
	fuchsia,
	fuchsia
      );
      -webkit-mask: linear-gradient(to right, #000, transparent 50%);
              mask: linear-gradient(to right, #000, transparent 50%);
      margin: clamp(1.5rem, 5vw, 3rem) 0;
    }
    .note {
      color: var(--muted);
      font-style: italic;
      font-size: clamp(1rem, 2.4vw, 1.5rem);
      margin: .25rem 0;
    }
    .note-right {
      text-align: right;
      margin-top: -.3rem;
    }
    .wrap {
      position: relative; /* needed for absolute positioning inside */
      max-width: var(--maxw);
      margin: 0 auto;
      padding: calc(var(--pad) * 1.2) var(--pad);
    }
  </style>
</head>
<body contenteditable="false" dir="ltr" spellcheck="false" style="direction: ltr; min-height: 901px;">
  <main class="wrap">
    <h1>Welcome</h1>

    <br>
    <p>The domain that brings you here is a precious asset for an upcoming project. It is not for sale.</p>
    <p><br></p>

    <hr>

    <p class="note">
      Nevertheless, if you have a strategic need for this domain, have a question, partnership idea or something you’d like to explore further, inquiries to: hello &gt;at&lt; qd.eu
    </p>
  </main>

</body></html>