.space-page { width: var(--page-width); margin: 0 auto; }
.space-intro { padding: 64px 0 42px; text-align: center; }
.space-intro .eyebrow { margin: 0 0 16px; color: var(--accent); }
.space-intro h1 { max-width: none; margin: 0 auto; font-size: clamp(2.5rem, 5.4vw, 4.6rem); font-weight: 500; line-height: 1.1; letter-spacing: -.055em; text-wrap: balance; }
.space-intro h1 span { color: var(--accent); }
.space-lead { margin: 22px auto 0; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.2rem); }
.space-picture { margin: 0; }
.space-picture a { display: block; overflow: hidden; border: 1px solid var(--hairline); border-radius: 16px; box-shadow: 0 22px 60px -32px #443b3550; }
.space-picture img { display: block; width: 100%; height: auto; }
.space-picture figcaption { margin-top: 16px; color: var(--muted); font-size: .78rem; text-align: center; }
.space-entry { display: flex; justify-content: center; padding: 32px 0 64px; }
.space-entry .button { gap: 24px; }
@media (max-width: 600px) {
  .space-intro { padding: 40px 0 28px; }
  .space-intro h1 { font-size: clamp(2.3rem, 9vw, 3rem); }
  .space-lead { max-width: 280px; margin-top: 16px; }
  .space-picture a { border-radius: 8px; }
  .space-picture figcaption { max-width: 280px; margin: 14px auto 0; }
  .space-entry { padding: 24px 0 40px; }
}