/* /off — who is behind the work.

   The turntable is the page. It was working the whole time at the bottom of
   /work, but six screens of scrolling from anything anyone lands on — and a
   thing nobody reaches is indistinguishable from a thing that is broken, which
   is exactly how it got reported. */

.doc__main.off {
  min-height: 100svh;
  display: grid; align-content: center; justify-items: center;
  padding: 8vh 5vw 6vh;
  gap: clamp(20px, 3vh, 34px);
}

.doc__head--sub { min-height: 0; padding-block: 0; text-align: center; }
.doc__head--sub .doc__h1 { max-width: 18ch; margin-inline: auto; }

.off__stage { display: grid; justify-items: center; gap: 14px; }

/* the portrait at PAGE scale rather than thumbnail scale */
.me-wrap--big { width: clamp(200px, 34vw, 340px); }
.me-wrap--big .me { width: 100%; }

.off__note {
  margin: 0; max-width: 40ch; text-align: center;
  font-size: 9px !important; line-height: 1.7; opacity: .7;
}

.off__copy {
  max-width: 54ch; text-align: center;
}
.off__copy p {
  margin: 0 0 12px;
  font-size: clamp(14.5px, 1.45vw, 16.5px); line-height: 1.68; color: var(--fg-dim);
}

.doc__foot { padding-block: 0 8vh; text-align: center; }
.doc__foot .links { justify-content: center; }