/* Cyberpunk terminal treatment requested for Blade Runner Coffee.
   Loads after the theme stylesheet. */
body::before {
  background: repeating-linear-gradient(
    to bottom,
    rgb(0 229 255 / 0.035) 0,
    rgb(0 229 255 / 0.035) 1px,
    transparent 1px,
    transparent 4px
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 20;
}

.site-header {
  border-bottom-color: var(--accent);
}

.nav a {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nav a:not(.nav__cta)::before {
  content: "[SYS // ";
}

.nav a:not(.nav__cta)::after {
  content: "]";
}

h1, h2, h3 {
  animation: terminal-flicker 7s steps(2, end) infinite;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@keyframes terminal-flicker {
  0%, 94%, 100% { opacity: 1; }
  95% { opacity: 0.82; }
  96% { opacity: 1; }
}