/* Shared bar on every Kalel demo: says plainly that the business is fictitious. */
@font-face {
  font-family: "Archivo";
  src: url("../assets/fonts/archivo-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
.kalel-concept {
  position: relative;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 36px;
  padding: 6px clamp(16px, 4vw, 48px);
  padding-top: max(6px, env(safe-area-inset-top, 0px));
  background: #1a1e21;
  color: #e3e0d8;
  font: 500 12px/1.3 "Archivo", system-ui, sans-serif;
  font-stretch: 112%;
  letter-spacing: 0.04em;
}
.kalel-concept a {
  color: #e3e0d8;
  text-decoration: none;
  border-bottom: 1px solid #4fa3ff;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.kalel-concept b { color: #4fa3ff; font-weight: 600; }
@media (max-width: 520px) { .kalel-concept .long { display: none; } }