/* a11y.css — primitives the template had none of. */

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--base-100);
  outline-offset: 3px;
}

.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100010;
  padding: 0.75em 1.25em;
  background: var(--base-100);
  color: var(--base-500);
  font-family: "Instrument Sans", sans-serif;
  font-size: 0.85rem;
  text-decoration: none;
  transform: translateY(-120%);
  transition: transform 0.2s;
}

.skip-link:focus { transform: translateY(0); }

/* SplitText builds spans so it never puts a <div> in a heading; a line still
   needs to be a block or two of them share one line box. */
.footer-line,
.footer-line-mask,
.line,
.line-mask {
  display: block;
}

.nav-word, .nav-word-mask, .word, .char { display: inline-block; }

/* Selection was never disabled here, but the flying produce should not
   interrupt a drag over the copy. */
.preloader { user-select: none; }