<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="noindex, nofollow">
  <meta name="description" content="This domain is parked. There is no active website here.">
  <meta name="color-scheme" content="light dark">
  <title>Parked</title>
  <style>
    :root { color-scheme: light dark; --paper: #fafafa; --ink: #192333; --quiet: #59616d; --accent: #254b84; }
    * { box-sizing: border-box; }
    html { font-size: 100%; }
    body { margin: 0; min-height: 100svh; background: var(--paper); color: var(--ink); font-family: "Concourse OT", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
    .ribbon { padding: 4px 20px; background: linear-gradient(90deg, #2a2a3a, #3a2a3a); color: #c5c4ce; font: 10px/1.5 "Triplicate A Code", monospace; letter-spacing: .025em; }
    main { width: min(100%, 62rem); margin-inline: auto; padding: clamp(5rem, 19vh, 12rem) clamp(1.5rem, 7vw, 5rem) 4rem; }
    .status { margin: 0 0 2rem; padding-top: 1.25rem; border-top: 3px solid var(--accent); width: fit-content; font-size: .875rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
    h1 { max-width: 12ch; margin: 0; font-size: clamp(2.5rem, 7.5vw, 5rem); line-height: 1.08; font-weight: 500; letter-spacing: -.04em; text-wrap: balance; }
    .note { max-width: 30rem; margin: 1.75rem 0 0; color: var(--quiet); font-size: 1.125rem; line-height: 1.6; }
    @media (prefers-color-scheme: dark) { :root { --paper: #131a24; --ink: #edf0f5; --quiet: #b5becc; --accent: #91b7ee; } }
    @media print { :root { --paper: white; --ink: black; --quiet: #333; --accent: black; } main { padding-block: 4rem; } }
  </style>
</head>
<body>
  <div class="ribbon">Domain parking v1.0.0 · built 2026-09-05</div>
  <main>
    <p class="status">Parked</p>
    <h1>Nothing here at the moment.</h1>
    <p class="note">This domain has no active website.</p>
  </main>
</body>
</html>
