/* /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: var(--t-base); line-height: 1.68; color: var(--fg-dim);
}

/* 🔴 `padding-block: 0 8vh` USED TO BE ON THIS RULE AND IT UNDID THE HUD RESERVE.
   Removed Sep 4 2026. work.css § the page has to end clear of the HUD sets
   `.doc__foot { padding-bottom: calc(var(--hud-h) + var(--sp-4)) }` for exactly
   this, and reserves it from `--hud-h` rather than in vh BECAUSE the bar is a
   fixed 58px: 8vh is 72px at a 900px-tall window and clears, and 46px at 575px,
   which does not. This file loads AFTER work.css, so the vh version won and the
   documented fix never reached this page — the comment over there names these
   three files as the ones that "look fine" without noticing that looking fine at
   900px is the whole bug. The top of 0 is already set by work.css § .doc__head,
   .doc__foot, so there is nothing left to declare here but the alignment. */
.doc__foot { text-align: center; }
.doc__foot .links { justify-content: center; }