/*
 * meetandtreat.co.uk — holding page styles
 * v01 · 2026-08-11 · ATEN Digital
 *
 * Deliberately self-contained: no webfonts, no external requests. The brand
 * typefaces are NOT loaded here — they live with the vault, and pulling them
 * onto a public page would hint at what else is hosted on this account.
 * System stack only.
 */

:root {
  --bg:     #150606;
  --ink:    #FFEADE;
  --muted:  #D7B9AC;
  --accent: #9A3412;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
  /* Soft warm glow so it reads as considered rather than broken. */
  background-image:
    radial-gradient(60vw 60vw at 50% 18%, rgba(154, 52, 18, .18), transparent 70%);
}

.wrap { text-align: center; max-width: 32rem; }

.mark { display: flex; justify-content: center; gap: 10px; margin-bottom: 32px; }
.dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--accent);
  opacity: .35;
  animation: pulse 2.4s ease-in-out infinite;
}
.dot:nth-child(2) { animation-delay: .3s; }
.dot:nth-child(3) { animation-delay: .6s; }

@keyframes pulse {
  0%, 100% { opacity: .25; transform: scale(1); }
  50%      { opacity: .9;  transform: scale(1.25); }
}

h1 {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

p { margin: 0 0 8px; color: var(--muted); }

.small {
  margin-top: 28px;
  font-size: .8125rem;
  letter-spacing: .08em;
  text-transform: lowercase;
  color: rgba(215, 185, 172, .5);
}

@media (prefers-reduced-motion: reduce) {
  .dot { animation: none; opacity: .5; }
}