*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Lato', sans-serif; background: #0a0a0a; color: #f0f0f0; }
nav { display: none; }
main { min-height: 80vh; display: flex; align-items: center; justify-content: center; }
.coming-soon { text-align: center; padding: 2rem; }
.mascot {
  display: block;
  margin: 0 auto 8rem;
  width: 220px;
  height: 220px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5);
  -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 45%, black 60%, transparent 100%);
  mask-image: radial-gradient(ellipse 85% 45% at 50% 45%, black 60%, transparent 100%);
}
@media (max-width: 600px) {
  .mascot { width: 180px; height: 180px; }
}
.coming-soon h1 { font-family: 'Playfair Display', serif; font-size: 3rem; margin-bottom: 0.3rem; }
.coming-soon p { font-weight: 300; font-size: 1.1rem; letter-spacing: 0.05em; color: #cccccc; }
footer { text-align: center; padding: 2rem; font-size: 0.85rem; opacity: 0.5; }
.footer-logo { display: block; margin: 0.5rem auto 0; width: 30px; height: auto; }