/* Shared chrome for Insanity Creations style demos */
.demo-banner {
  display: block;
  text-align: center;
  padding: 10px 16px;
  background: #0c0b0a;
  color: #e0c15a;
  text-decoration: none;
  font: 600 12px/1.4 "Source Sans 3", "Segoe UI", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(201, 162, 39, 0.35);
}

.demo-banner:hover {
  color: #fff;
}

@keyframes demo-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes demo-drift {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(-3%, 4%) scale(1.04); }
}