/* Cntrl's opening (HOUSEKIT §5) — her pick 2026-09-30: "B · The cover".
   The cover screen in miniature on ink: "Cn" fades in, "trl" sweeps in from
   the left in coral italic, then a short coral rule, then the field-guide line.
   While the app is still loading, the coral rule glows.

   Every element is drawn in its FINAL state; the animation is layered on top
   (house-splash.css turns all of it off under reduced motion). Colours are the
   app's own tokens from app.css :root. The fallbacks after the commas are ONLY
   for the sign-in page, which doesn't load app.css — tests/test_splash.py
   fails the build if they ever drift from app.css. Cntrl has no dark mode. */
#house-splash {
  --hs-bg: var(--ink, #16161a);
  --hs-ink: var(--paper, #faf8f4);
  gap: 20px;
  padding: 0 16px;
  text-align: center;
}
#house-splash .hs-name {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 5rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--paper, #faf8f4);
  white-space: nowrap;
}
#house-splash .hs-name em { color: var(--coral, #ff4f5e); font-style: italic; display: inline-block; }
#house-splash .hs-rule {
  height: 5px; width: 92px; border-radius: 3px;
  background: var(--coral, #ff4f5e);
}
#house-splash .hs-tag {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 1rem; line-height: 1.3; letter-spacing: 0.02em;
  color: #a9a3ad;
  max-width: 100%;
}

/* The intro (~1.7 s) … */
#house-splash .hs-cn  { animation: hs-fade 0.6s ease-out both; }
#house-splash .hs-trl { animation: hs-slide 0.7s cubic-bezier(.2,.8,.2,1) 0.4s both; }
#house-splash .hs-rule {
  /* fades in at 1 s, then (the loop) glows while the app is still loading */
  animation: hs-fade 0.6s ease-out 1s both, hs-glow 1.2s ease-in-out 1.8s infinite;
}
#house-splash .hs-tag { animation: hs-fade 0.6s ease-out 1.3s both; }

@keyframes hs-fade  { from { opacity: 0; } }
@keyframes hs-slide { from { opacity: 0; transform: translateX(-52px); } }
@keyframes hs-glow  { 50% { opacity: 0.35; } }
