.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 641px) {
  .work .studio-board { z-index: 2; }
}

.work .studio-board { overflow: visible; pointer-events: none; }
.work .movable { pointer-events: auto; }

.work .simplify-line {
  position: absolute;
  left: 4%;
  top: 25%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5em;
  width: 56%;
  margin: 0;
  color: var(--cream);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: clamp(113px, 11.16vw, 185px);
  font-weight: 300;
  line-height: .96;
  letter-spacing: -.055em;
  pointer-events: none;
}

.simplify-changing { white-space: nowrap; }
.simplify-play { display: none; }
.simplify-caret {
  display: inline-block;
  width: .055em;
  height: .9em;
  margin-left: .07em;
  vertical-align: -.08em;
  background: currentColor;
  animation: simplify-blink .9s steps(1, end) infinite;
}

@keyframes simplify-blink { 50% { opacity: 0; } }

@media (min-width: 641px) and (max-height: 999px) {
  .work .simplify-line { position: relative; left: auto; top: auto; margin: 38px 0 35px; }
}

@media (max-width: 640px) {
  .work .simplify-line {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin: 38px 0 15px;
    font-size: clamp(48px, 12vw, 68px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .simplify-caret { animation: none; }
  .simplify-play {
    display: inline-block;
    margin-left: .5em;
    padding: .25em;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: .3em;
    vertical-align: middle;
    cursor: pointer;
    pointer-events: auto;
  }
  .simplify-line.play-typing .simplify-caret { animation: simplify-blink .9s steps(1, end) infinite; }
  .simplify-line.play-typing .simplify-play { display: none; }
}