chore(brand): re-shoot the cards, and stop describing a building that is gone

The share cards were stale in the two ways that survive a code fix, because both
of them end up baked into a picture.

**"Two buildings" was wrong in two files.** The words on the card live in
`og.html`; the words a crawler reads live in `vite.config.ts`. Fixing either one
alone leaves the other saying something else — and there are three packs now, one
of which is a courtyard block in Los Angeles that neither file mentioned. Both now
say three, name the LA block, and mention the microphone on the desk. Lumbridge HQ
also stopped being "a tower floor" some hours ago and is a live/work studio.

**The tera card was cropping around a defect that no longer exists.** Its framing
was pinned to `56% 88%` with a comment explaining that low was necessary to keep
the far edge of the board — where the terrain stopped and the sky began in a hard
diagonal — out of shot, because a card with that seam in it read as a rendering
fault rather than as a map. The sea now runs eighteen board spans and ends past the
fog's far plane, and the sky is a world-space dome, so there is no seam to hide
from. `56% 62%` puts the framing where the picture is best instead.

Also a per-shot `hide` in `shots.mjs`. The studio-hardware card is a
`.panel-group` inside a scrolling card, so when it is taller than the viewport the
last control is below the fold — correct on a screen, where a reader scrolls, and
wrong in a photograph, where the frame edge cuts a gain slider in half and anyone
who does not know the card scrolls reads it as a broken render. It is also a
question of subject: `office-desks` is a picture *of* that hardware and keeps it,
while the LA courtyard is a picture of a courtyard and does not want a column of
audio controls down one side.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

vite.config.ts

@@ -34,16 +34,16 @@ function twoDoors(): Plugin {
   const MARKER_END = "<!-- ogc:end -->";
 
   const OFFICE = `
-    <title>Spaces — an office you can walk around</title>
+    <title>Spaces — a studio you can walk around</title>
     <meta
       name="description"
-      content="Two buildings you can walk around: a tower floor above San Francisco and a hangar at Alameda Point. Real sun, real hours, the lights on at night. Rendered in the browser from a data file anybody can copy. Apache-2.0, self-hostable."
+      content="Three buildings you can walk around: a live/work studio above San Francisco, a courtyard block in the LA Arts District, and a hangar at Alameda Point. Real sun, real hours, the lights on at night, the microphone on the desk. Rendered in the browser from a data file anybody can copy. Apache-2.0, self-hostable."
     />
     <link rel="canonical" href="https://office.lumbridgecorp.com/" />
 
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Lumbridge Spaces" />
-    <meta property="og:title" content="Spaces — an office you can walk around" />
+    <meta property="og:title" content="Spaces — a studio you can walk around" />
     <meta
       property="og:description"
       content="The rooms, the desks and who is at them — floor plans rendered from a data file anybody can copy, under the sun of the day you are reading this."
@@ -55,7 +55,7 @@ function twoDoors(): Plugin {
     <meta property="og:image:height" content="630" />
     <meta
       property="og:image:alt"
-      content="An office seen from above as a cutaway model: two storeys held apart around a double-height commons, desks and meeting rooms visible, people at their seats."
+      content="A studio seen from above as a cutaway model: desks, seating and planting laid out across one floor, the plan drawn beside it, people at their seats."
     />
 
     <meta name="twitter:card" content="summary_large_image" />