/* sunrader.net — bare-bones test layout. No real styling yet. */
body {
  font-family: system-ui, -apple-system, sans-serif;
  margin: 0; padding: 24px;
  background: #fff; color: #1a1a1a;
}
a { color: #8a5a2b; }
.wordmark {
  text-align: center; margin: 40px auto 8px;
  font-size: clamp(2.4rem, 9vw, 4.5rem);
  font-weight: 800; letter-spacing: -.02em;
  text-transform: uppercase; text-decoration: none;
  display: block; color: #1a1a1a;
}
.boxes {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px; max-width: 820px; margin: 24px auto;
}
.boxes a {
  display: block; padding: 36px 16px;
  border: 2px solid #8a5a2b; border-radius: 6px;
  background: #fff; text-align: center; text-decoration: none;
  font-size: 1.1rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .05em;
}
.boxes a:hover { background: #8a5a2b; color: #fff; }
.back { display: inline-block; margin-top: 24px; }

/* logo */
.logo-link { display: block; margin: 0 auto; }
.logo-link img { display: block; width: 100%; height: auto; }
.splash .logo-link { width: min(640px, 92vw); }
.hub .logo-link { width: min(340px, 70vw); margin-bottom: 4px; }