* { box-sizing: border-box; }
html { background: var(--color-surface-canvas); }
body {
  margin: 0;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 16px;
  background: var(--color-surface-canvas);
  color: var(--color-text-icon-primary);
  font-family: var(--font-family);
}
.coming-soon { width: 100%; text-align: center; }
.orbit-composition {
  position: relative;
  width: min(560px, 100%);
  aspect-ratio: 1;
  margin: 24px auto 0;
}
#animation { position: absolute; inset: 0; }
.coming-soon .rsvp-motion-phone {
  position: absolute;
  width: 560px;
  height: 560px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(var(--orbit-scale, 1));
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  clip-path: none;
  overflow: visible;
}
.coming-soon .rsvp-motion-phone::before,
.coming-soon .rsvp-motion-phone::after,
.coming-soon .rsvp-message-anchor { display: none; }
.orbit-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 100%;
}
.logo-slot {
  width: 103px;
  height: 75px;
  margin: 0 auto;
}
.logo-slot img { display: block; width: 100%; height: 100%; object-fit: contain; }
.coming-soon-copy { margin-top: 0; }
h1 { margin: 0; font: var(--type-heading-m-font); letter-spacing: var(--type-heading-m-tracking); }
.coming-soon-copy p { margin: 8px 0 0; font: var(--type-body-l-font); color: var(--color-text-icon-secondary); }