/* schonemessen.nl — coming soon */
:root {
  --gazon: #1F5C3D;
  --dennen: #132A1D;
  --blad: #9BD77A;
  --creme: #F7F3E9;
  --creme-dim: #cfe0cc;
  --creme-muted: #a9bfa6;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--gazon);
  color: var(--creme);
  font-family: 'Schibsted Grotesk', sans-serif;
}

::selection { background: var(--blad); color: var(--dennen); }

.wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36px;
  padding: 48px 24px;
  text-align: center;
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mark { animation: spin 14s linear infinite; }

@keyframes spin {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

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

.wordmark {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  font-size: 26px;
}

.wordmark .nl { color: var(--blad); }

.copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
}

h1 {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 600;
  font-size: 42px;
  line-height: 1.1;
  margin: 0;
  text-wrap: pretty;
}

.copy p {
  font-size: 16.5px;
  line-height: 1.55;
  color: var(--creme-dim);
  margin: 0;
}

.footnote {
  font-size: 12.5px;
  color: var(--creme-muted);
}

@media (max-width: 480px) {
  h1 { font-size: 32px; }
}