# Studio — Realms

## Two ways in

Every Realm supports both entry paths at every nesting depth.

### Click → Panel

Clicking or pressing Enter on a Realm:

1. selects the Realm
2. strengthens its cream selection rim
3. opens an anchored Panel
4. exposes type, name, description, live context, contents, and available Actions
5. offers one sky-blue primary action: **Enter [Realm]**

The Panel informs before it transports. Clicking a Realm must never enter immediately unless the product context has explicitly established a different mode.

### Approach → Threshold

Panning or navigating toward a Realm:

1. increases apparent size and label detail
2. increases localized reflected light
3. makes nested contents legible
4. reveals a threshold ring near the crossing distance
5. crosses into the Realm when movement continues through the ring

The threshold is spatial and reversible. It is not a modal confirmation.

## Shared entry transition

Both ways in resolve through the same visual sequence:

1. **Recognize** — semantic rim, icon, attached label, and nested glints establish identity.
2. **Approach** — the vessel grows and its rim begins to read as a horizon.
3. **Cross** — the rim expands beyond the viewport; the dark core becomes the new Field ground.
4. **Gather** — contained Realms and Elements settle in staggered sequence.
5. **Orient** — fixed chrome updates to `TYPE · YOU’RE HERE`, the Realm name, and the parent/back path.

Duration guidance with full motion:

- click-triggered entry: 700–1000 ms
- threshold crossing: visually continuous with travel; final context settle 650–900 ms
- child gathering: 900 ms each, 120–150 ms stagger

Do not hard cut. Do not fade the whole screen to black. Do not flood the entire ground with the Realm hue. Use only a faint local tint and reflected rim light.

## Nesting

- A Realm’s interior is a smaller Field.
- Child Realms render as reduced enamel vessels inside the parent’s dark core.
- Child type hue remains stable at every depth.
- Parent hue may tint only the parent rim and local reflected light; it must not recolor children.
- Entering a child repeats the same two-way contract.
- The back path names the immediate parent: `← Kinship Duna`, not a generic Back label.
- At the outermost level the path is `← The Field`.

## Anchored Panel behavior

- Place the Panel on the side with the most available screen room.
- Connect Panel and Realm with a subtle warm thread when distance is ambiguous.
- Keep the selected Realm visible whenever possible.
- At narrow desktop widths, reduce Panel width before covering the Realm.
- On small touch screens, use a bottom sheet while preserving the Realm selection and entry action.
- Escape closes the Panel and restores focus to the selected Realm.

## Realm actions

Inside a Realm, Sources work through Allies. They may open Media, collaborate with Allies, build Actors, use Resources, and initiate Actions. Use sky blue only for the primary consequence-bearing Action in the current Panel or view.
