/* Holding page. Rubber & lime: bg #1b1d1a, accent #a6d13a. */
:root { --bg: #1b1d1a; --accent: #a6d13a; --ink: #ecebe6; --muted: #a3a49e; --ghost: rgba(236,235,230,.03); --ghost-line: rgba(236,235,230,.055); }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { min-height: 100vh; background: var(--bg); color: var(--ink); font: 17px/1.5 'Barlow', system-ui, sans-serif; overflow-x: hidden; }
.lime { color: var(--accent); }
.wall {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  display: flex; flex-direction: column; justify-content: center; gap: .08em;
  font: 700 clamp(30px, 4.2vw, 64px)/1 'Barlow Semi Condensed', sans-serif;
  text-transform: uppercase; letter-spacing: 2px; white-space: nowrap;
  -webkit-mask-image: linear-gradient(100deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.7) 45%, #000 80%);
          mask-image: linear-gradient(100deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.7) 45%, #000 80%);
}
.wall div { color: var(--ghost); }
.wall div:nth-child(even) { color: transparent; -webkit-text-stroke: 1px var(--ghost-line); }
.wall span { margin-right: .45em; }
.wrap { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 24px; text-align: center; }
.mark { display: flex; align-items: center; gap: 12px; font: 700 clamp(40px, 8vw, 64px)/1 'Barlow Semi Condensed', sans-serif; letter-spacing: -.5px; }
.fox { width: 1.4em; height: 1.4em; flex: none; }
h1 { margin: 0; max-width: 760px; font: 700 clamp(30px, 5vw, 52px)/1.05 'Barlow Semi Condensed', sans-serif; letter-spacing: -.5px; }
.soon { margin: 0; font-size: 22px; font-weight: 600; color: var(--accent); }