/* Current 2.1 room layer: exhibits. Unlayered, loaded after flow-current.css, so it overrides the legacy bundle.
   Six rooms: CHROMA, ProjectLens, Festival Toolkit, AXIOM, Folio and NBA After Hours.
   Each is a full-bleed room in its software's own materials; the frame is shared:
   title (Cesso + exhibit number) → line → subtitle (--zh-strong) → lede → spec list → actions, stage on the right.
   Every selector is scoped to .xr (the room), .xd (its detail sheet) or the room's own dialog class. */

/* ───────────── Shared frame ───────────── */
.xr,
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog){
  --xr-display:var(--display);
  --xr-zh:var(--zh-strong);
  --xr-zh-display:var(--zh-display);
  --xr-label:var(--body);
  --xr-body:var(--body);
  --xr-mono:'IBM Plex Mono',ui-monospace,monospace;
  --xr-ease:cubic-bezier(.16,1,.3,1);
  --xr-mark:var(--xr-accent);
}
.exhibit.xr{
  position:relative;isolation:isolate;overflow:clip;
  grid-column:1/-1;width:auto;max-width:none;min-width:0;
  margin:0 calc(50% - 50vw);padding:0;
  border:0;border-radius:0;outline:0;box-shadow:none;
  background:var(--xr-bg);color:var(--xr-fg);
  font-family:var(--xr-body);text-align:left;
  transition:background-color .8s var(--xr-ease),color .6s var(--xr-ease)
}
.exhibit.xr:hover{box-shadow:none;border:0}
.exhibit.xr+.exhibit{margin-top:0}
.xr *,.xd *{box-sizing:border-box}
.xr ::selection,.xd ::selection{background:var(--xr-fg);color:var(--xr-bg)}
.xr :focus-visible,.xd :focus-visible,.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close:focus-visible{outline:2px solid var(--xr-focus);outline-offset:4px;border-radius:6px}
.xr img,.xd img{max-width:100%}
.xr-inner{position:relative;width:min(1680px,calc(100vw - var(--gutter,24px)*2));margin-inline:auto;padding-block:clamp(104px,11vw,184px) clamp(48px,5vw,80px)}
.xr-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5.5vw,112px);align-items:center}
.xr-copy{position:relative;z-index:2;min-width:0}
.xr-stage{position:relative;min-width:0}

.xr-title{display:flex;align-items:flex-start;gap:.14em;margin:0;font:400 clamp(58px,7.4vw,136px)/.86 var(--xr-display);letter-spacing:-.035em;color:var(--xr-fg);text-wrap:balance;-webkit-text-fill-color:currentColor}
.xr-name{min-width:0;word-break:keep-all;overflow-wrap:normal}
.xr-no{flex:none;margin-top:.24em;font:400 max(15px,.19em)/1 var(--xr-display);letter-spacing:0;color:var(--xr-mark)}
.xr-sub{margin:clamp(22px,2.4vw,34px) 0 0;max-width:19em;font:400 clamp(22px,2.05vw,34px)/1.28 var(--xr-zh);letter-spacing:0;color:var(--xr-fg);text-wrap:balance}
html[lang=en] .xr-sub{font-family:var(--xr-display);letter-spacing:-.01em;line-height:1.16}
.xr-lede{margin:16px 0 0;max-width:44ch;font:400 clamp(15px,1.05vw,17px)/1.78 var(--xr-body);color:var(--xr-muted);text-wrap:pretty}
.xr-data{font-family:var(--xr-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}

.xr-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;max-width:580px;margin:clamp(28px,3vw,40px) 0 0;padding:0;border-top:1px solid var(--xr-line)}
.xr-spec>div{display:grid;align-content:start;gap:4px;min-width:0;padding:12px 0 11px;border-bottom:1px solid var(--xr-line)}
.xr-spec dt{font:500 12px/1.3 var(--xr-body);color:var(--xr-muted);letter-spacing:.01em}
.xr-spec dd{margin:0;font:500 14px/1.45 var(--xr-body);color:var(--xr-fg);overflow-wrap:break-word}
.xr-spec dd i{font-style:normal;margin:0 .45em;opacity:.45}

.xr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}
.xr-actions--inside{margin-top:14px}
.xr-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;margin:0;padding:0 22px;border:1px solid var(--xr-line-strong);border-radius:999px;background:transparent;color:var(--xr-fg);font:600 14px/1 var(--xr-body);letter-spacing:.005em;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .35s var(--xr-ease),color .35s var(--xr-ease),border-color .35s var(--xr-ease),translate .45s var(--xr-ease)}
.xr-btn .ic{width:16px;height:16px;flex:none}
.xr-btn:hover{border-color:var(--xr-fg);translate:0 -2px}
.xr-btn--primary{background:var(--xr-accent);border-color:var(--xr-accent);color:var(--xr-on-accent)}
.xr-btn--primary:hover{background:var(--xr-fg);border-color:var(--xr-fg);color:var(--xr-bg)}
.xr-btn--inside{min-height:46px;padding:0 4px 0 0;border:0;border-radius:999px;gap:14px;font-size:15px}
.xr-btn--inside .ic{width:46px;height:46px;padding:14px;border:1px solid var(--xr-line-strong);border-radius:50%;transition:background-color .35s var(--xr-ease),color .35s var(--xr-ease),rotate .6s var(--xr-ease)}
.xr-btn--inside:hover{translate:none}
.xr-btn--inside:hover .ic{background:var(--xr-fg);color:var(--xr-bg);rotate:90deg}
.xr-aside{margin:12px 0 0;font:500 13px/1.5 var(--xr-body);color:var(--xr-muted)}

.xr-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;margin-top:clamp(56px,6vw,96px);padding-top:18px;border-top:1px solid var(--xr-line);font:500 12px/1.5 var(--xr-body);color:var(--xr-muted)}

/* Version history: one ledger for every room, skinned by its tokens. */
.xr-history,.xr .xr-history{display:block;margin:clamp(56px,6vw,96px) 0 0;padding:0;border:0;border-top:1px solid var(--xr-line-strong);border-bottom:1px solid var(--xr-line-strong);border-radius:0;background:none;box-shadow:none;color:var(--xr-fg)}
.xr-history>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(16px,3vw,48px);margin:0;padding:clamp(20px,2.4vw,30px) 0;border:0;background:none;color:inherit;list-style:none;cursor:pointer}
.xr-history>summary::-webkit-details-marker{display:none}
.xr-history>summary::marker{content:''}
.xr-history>summary::before,.xr-history>summary::after{content:none}
.xr-history-count{display:grid;justify-items:start;gap:4px;min-width:5.5em}
.xr-history-count b{font:400 clamp(40px,4.2vw,64px)/.9 var(--xr-display);letter-spacing:-.03em;color:var(--xr-mark)}
.xr-history-count small{font:500 12px/1.3 var(--xr-body);color:var(--xr-muted)}
.xr-history-title{min-width:0}
.xr-history-title strong{display:block;font:400 clamp(22px,2vw,30px)/1.2 var(--xr-zh);letter-spacing:0}
html[lang=en] .xr-history-title strong{font-family:var(--xr-display)}
.xr-history-title small{display:block;margin-top:6px;font:400 14px/1.5 var(--xr-body);color:var(--xr-muted)}
.xr-history-route{display:flex;align-items:center;gap:10px;font:500 13px/1 var(--xr-mono);color:var(--xr-muted)}
.xr-history-route span:last-child{color:var(--xr-fg)}
.xr-history-route i{width:26px;height:1px;background:currentColor;opacity:.5}
.xr-history-toggle{display:grid;place-items:center}
.xr-history-toggle .ic{width:52px;height:52px;padding:16px;border:1px solid var(--xr-line-strong);border-radius:50%;transition:rotate .6s var(--xr-ease),background-color .35s var(--xr-ease),color .35s var(--xr-ease)}
.xr-history>summary:hover .xr-history-toggle .ic{background:var(--xr-fg);color:var(--xr-bg)}
.xr-history[open] .xr-history-toggle .ic{rotate:45deg}
.xr-history-body{display:grid;padding:0 0 clamp(24px,3vw,40px)}
.xr-release{display:grid;grid-template-columns:minmax(150px,2.4fr) minmax(0,9.6fr);gap:clamp(20px,4vw,72px);padding:clamp(28px,3vw,44px) 0;border-top:1px solid var(--xr-line)}
.xr-release-rail{display:grid;align-content:start;justify-items:start;gap:8px}
.xr-release-v{font:400 clamp(52px,5.4vw,92px)/.86 var(--xr-display);letter-spacing:-.04em;color:var(--xr-fg)}
.xr-release time{font:500 13px/1.3 var(--xr-mono);color:var(--xr-muted)}
.xr-release-status{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border:1px solid var(--xr-line-strong);border-radius:999px;font:600 12px/1 var(--xr-body);color:var(--xr-fg)}
.xr-release.is-current .xr-release-status{background:var(--xr-fg);border-color:var(--xr-fg);color:var(--xr-bg)}
.xr-release-ed{font:500 12px/1.3 var(--xr-body);color:var(--xr-muted)}
.xr-release-copy{min-width:0}
.xr-release-copy h4{margin:0;font:400 clamp(24px,2.3vw,34px)/1.22 var(--xr-zh);letter-spacing:0;text-wrap:balance}
html[lang=en] .xr-release-copy h4{font-family:var(--xr-display)}
.xr-release-copy>p{margin:12px 0 0;max-width:64ch;font:400 15px/1.75 var(--xr-body);color:var(--xr-muted)}
.xr-release-copy ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px 28px;margin:24px 0 0;padding:0;list-style:none}
.xr-release-copy li{display:grid;align-content:start;gap:7px;padding-top:13px;border-top:1px solid var(--xr-line)}
.xr-release-copy li b{font:600 13px/1.4 var(--xr-body);color:var(--xr-fg)}
.xr-release-copy li span{font:400 14px/1.68 var(--xr-body);color:var(--xr-muted)}
.xr-release-copy .xr-release-note{margin-top:20px;font-size:13px;line-height:1.7}
.xr-release-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:600 14px/1.3 var(--xr-body);color:var(--xr-fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--xr-line-strong);transition:text-decoration-color .3s}
.xr-release-copy a:hover{text-decoration-color:currentColor}
.xr-release-copy a .ic{width:15px;height:15px}
.xr-history-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0;padding-top:16px;border-top:1px solid var(--xr-line);font:500 12px/1.5 var(--xr-body);color:var(--xr-muted)}
.xr .sr-only,.xd .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ───────────── Detail sheets ───────────── */
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog){
  width:min(1440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);
  margin:auto;padding:0;border:0;border-radius:24px;outline:0;overflow:auto;overscroll-behavior:contain;
  background:var(--xr-bg);color:var(--xr-fg);font-family:var(--xr-body);
  box-shadow:0 40px 120px -30px #000000a6,0 0 0 1px #ffffff12;scrollbar-width:thin;scrollbar-color:var(--xr-line-strong) transparent
}
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) #dialog-content{padding:0;margin:0}
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close{position:sticky;top:18px;float:right;z-index:8;display:block;width:46px;height:46px;margin:18px 18px -64px 0;padding:0;border:0;border-radius:50%;background:var(--xr-fg);color:var(--xr-bg);font-size:0;line-height:0;box-shadow:0 10px 30px -12px #0008;cursor:pointer;transition:rotate .5s var(--xr-ease)}
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close::before,
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close::after{content:'';position:absolute;inset:0;width:16px;height:1.6px;margin:auto;border-radius:2px;background:currentColor;rotate:45deg}
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close::after{rotate:-45deg}
.exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close:hover{rotate:90deg}
.xd{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.4vw,52px);padding:clamp(40px,5vw,84px) clamp(22px,5vw,84px) clamp(32px,4vw,64px);overflow:clip}
.xd-head{display:grid;justify-items:start;padding-right:56px}
.xd-head .xr-title{font-size:clamp(50px,6.4vw,112px)}
.xd-head .xr-spec{width:100%;max-width:820px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.xd-views{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:calc(clamp(28px,3.4vw,52px)*-.5)}
.xd-views button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--xr-line-strong);border-radius:999px;background:transparent;color:var(--xr-fg);font:600 14px/1 var(--xr-body);cursor:pointer;box-shadow:none;transition:background-color .3s,color .3s,border-color .3s}
.xd-views button:hover{border-color:var(--xr-fg)}
.xd-views button[aria-pressed=true]{background:var(--xr-fg);border-color:var(--xr-fg);color:var(--xr-bg)}
.xd-shot{margin:0;min-width:0}
.xd-shot img{display:block;width:100%;height:auto;border-radius:14px;background:var(--xr-tint)}
.xd-shot figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:12px;font:500 13px/1.5 var(--xr-body);color:var(--xr-muted)}
.xd-shot-bar{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;font:500 12px/1.4 var(--xr-body);color:var(--xr-muted)}
.xd-copy{display:grid}
.xd-copy section{display:grid;grid-template-columns:minmax(120px,2.4fr) minmax(0,9.6fr);gap:clamp(16px,4vw,72px);padding:clamp(22px,2.4vw,32px) 0;border-top:1px solid var(--xr-line)}
.xd-step{font:500 13px/1.5 var(--xr-body);color:var(--xr-muted)}
.xd-copy h3{margin:0;font:400 clamp(24px,2.4vw,36px)/1.22 var(--xr-zh);letter-spacing:0;color:var(--xr-fg);text-wrap:balance}
html[lang=en] .xd-copy h3{font-family:var(--xr-display)}
.xd-copy p{margin:12px 0 0;max-width:68ch;font:400 15px/1.8 var(--xr-body);color:var(--xr-muted)}
.xd-note{margin:0;padding:18px 22px;max-width:none;border-radius:16px;background:var(--xr-tint);font:400 14px/1.75 var(--xr-body);color:var(--xr-muted)}
.xd-actions{display:grid;justify-items:start;gap:6px;padding-top:clamp(18px,2vw,28px);border-top:1px solid var(--xr-line)}
.xd-actions .xr-actions{margin-top:0}
.xd .xr-history{margin-top:0}

/* ───────────── CHROMA · a Y2K hardware observatory ───────────── */
.xr--chroma,.exhibition-dialog.chx-dialog{--xr-bg:#173dff;--xr-fg:#fff;--xr-muted:#d5ddff;--xr-line:#ffffff2e;--xr-line-strong:#ffffff6b;--xr-accent:#fff000;--xr-on-accent:#081038;--xr-mark:#fff000;--xr-focus:#00edff;--xr-tint:#0f2fd6;--chx-disc-a:#ff273a;--chx-disc-b:#fff000}
.xr--chroma[data-chroma-channel=gpu]{--xr-bg:#c8102e;--xr-muted:#ffdde2;--xr-tint:#a80c26;--xr-focus:#fff000;--chx-disc-a:#173dff;--chx-disc-b:#fff000}
.xr--chroma[data-chroma-channel=ram]{--xr-bg:#fff000;--xr-fg:#081038;--xr-muted:#2b3570;--xr-line:#0810382b;--xr-line-strong:#08103866;--xr-accent:#173dff;--xr-on-accent:#fff;--xr-mark:#173dff;--xr-focus:#173dff;--xr-tint:#f2e400;--chx-disc-a:#173dff;--chx-disc-b:#ff273a}
.chx-pixel{font-family:ChromaPixel,var(--xr-mono);font-weight:400;letter-spacing:0}
.chx-pixels{position:absolute;inset:0 0 auto;z-index:1;display:grid;grid-template-columns:repeat(96,1fr);height:14px;pointer-events:none}
.chx-pixels i{display:block;background:var(--tile)}
.chx-pixels i:nth-child(3n){opacity:.85}
.chx-discs{position:absolute;inset:0;z-index:0;pointer-events:none}
.chx-disc{position:absolute;display:block;aspect-ratio:1}
.chx-disc svg{display:block;width:100%;height:100%;fill:currentColor}
.chx-disc--red{top:-20%;right:-16%;width:76%;color:var(--chx-disc-a)}
.chx-disc--yellow{bottom:-14%;left:-11%;width:26%;color:var(--chx-disc-b)}
.chx-disc--red circle,.chx-disc--yellow circle{display:none}
.chx-slogan{margin:22px 0 0;font-size:clamp(18px,1.55vw,24px);line-height:1.15;color:var(--xr-mark)}
.chx-capture{position:relative;z-index:1}
.chx-bezel{position:relative;padding:14px 14px 12px;border-radius:24px;background:linear-gradient(152deg,#f6f9ff 0%,#c3cde4 34%,#eef3ff 50%,#9aa6c6 78%,#dfe6f6 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #0b1a6e40,0 50px 90px -40px #000000b3,0 14px 30px -18px #00000080}
.chx-bezel-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:2px 6px 12px;color:#0b1a6e}
.chx-bezel-bar .chx-pixel{font-size:12px}
.chx-bezel-label{font:600 12px/1 var(--xr-body);color:#26357d}
.chx-keys{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.chx-keys button{min-height:34px;padding:0 14px;border:1px solid #0b1a6e33;border-radius:9px;background:linear-gradient(#fff,#d6ddef);color:#0b1a6e;font:600 13px/1 var(--xr-body);box-shadow:inset 0 1px 0 #fff,0 2px 0 #0b1a6e2e;cursor:pointer;transition:background .25s,translate .25s,box-shadow .25s}
.chx-keys button:hover{translate:0 -1px}
.chx-keys button[aria-pressed=true]{background:#fff000;border-color:#081038;color:#081038;box-shadow:inset 0 2px 0 #00000020;translate:0 1px}
.chx-screen{margin:0}
.chx-glass{display:grid;place-items:center;aspect-ratio:1480/962;overflow:hidden;border-radius:12px;background:#050c3a;box-shadow:inset 0 0 0 2px #0b1a6e}
.chx-glass img{display:block;width:100%;height:100%;object-fit:contain}
[data-chroma-preview=mini] .chx-glass img{width:auto;height:auto;max-width:min(410px,90%);max-height:90%;border-radius:8px;box-shadow:0 20px 50px -20px #000}
.chx-screen figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:11px 6px 0;font:500 12px/1.45 var(--xr-body);color:#16236e}
.chx-bezel-foot{display:flex;justify-content:space-between;align-items:center;padding:9px 6px 0;color:#26357d}
.chx-bezel-foot .chx-pixel{font-size:10px}
.chx-led{width:9px;height:9px;border-radius:50%;background:#00edff;box-shadow:0 0 0 3px #00edff40}
.chx-remix{position:relative;display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,5fr) minmax(0,3.6fr);align-items:center;gap:clamp(20px,3vw,52px);margin-top:clamp(72px,8vw,128px);padding:clamp(26px,2.8vw,40px) 0;border-top:1px solid var(--xr-line-strong);border-bottom:1px solid var(--xr-line-strong)}
.chx-remix-tag{position:absolute;right:0;bottom:-1px;translate:0 100%;padding-top:10px;font-size:10px;color:var(--xr-muted)}
.chx-remix-title{margin:0;font:400 clamp(30px,3.2vw,50px)/1.08 var(--xr-zh);letter-spacing:0;color:var(--xr-fg)}
html[lang=en] .chx-remix-title{font-family:var(--xr-display)}
.chx-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.chx-channels button{--chip:#173dff;position:relative;display:grid;align-content:space-between;justify-items:start;height:clamp(96px,8.4vw,128px);padding:14px 16px;border:1px solid var(--xr-line-strong);border-radius:18px;background:transparent;color:var(--xr-fg);font:400 clamp(30px,2.8vw,44px)/1 var(--xr-display);letter-spacing:-.02em;cursor:pointer;transition:background-color .4s var(--xr-ease),color .4s var(--xr-ease),border-color .4s,translate .4s var(--xr-ease)}
.chx-channels button[data-chroma-channel-button=gpu]{--chip:#ff273a}
.chx-channels button[data-chroma-channel-button=ram]{--chip:#fff000}
.chx-channels button small{font-size:11px;opacity:.85}
.chx-channels button::after{content:'';position:absolute;top:14px;right:14px;width:16px;height:16px;border-radius:5px;background:var(--chip);box-shadow:0 0 0 1.5px var(--xr-fg)}
.chx-channels button:hover{translate:0 -3px;border-color:var(--xr-fg)}
.chx-channels button[aria-pressed=true]{background:var(--xr-fg);border-color:var(--xr-fg);color:var(--xr-bg)}
.chx-channel-copy h4{margin:0;font:400 clamp(20px,1.7vw,26px)/1.3 var(--xr-zh);letter-spacing:0;color:var(--xr-fg)}
html[lang=en] .chx-channel-copy h4{font-family:var(--xr-display)}
.chx-channel-copy p{margin:8px 0 0;font:400 14px/1.72 var(--xr-body);color:var(--xr-muted)}
.chx-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:clamp(48px,5vw,72px) 0 0;padding:0;list-style:none}
.chx-caps li{display:grid;gap:6px}
.chx-caps b{display:flex;align-items:center;gap:8px;font:400 clamp(20px,1.6vw,26px)/1.1 var(--xr-display);color:var(--xr-mark)}
.chx-caps b .ic{width:.8em;height:.8em}
.chx-caps span{font:400 14px/1.6 var(--xr-body);color:var(--xr-muted)}
.xr--chroma .xr-foot .chx-pixel{font-size:10px}
.xd--chroma{padding-top:clamp(52px,5.4vw,92px)}
.xd--chroma .chx-pixels{grid-template-columns:repeat(64,1fr);height:12px}
.xr--chroma[data-chroma-channel=ram] .xr-btn--primary:hover{color:#fff000}

/* ───────────── ProjectLens · graphite, mint and ice-blue optics ───────────── */
.xr--lens,.exhibition-dialog.lens-dialog{--xr-bg:#0c1311;--xr-fg:#e6f2ec;--xr-muted:#a3bbb0;--xr-line:#c7f3d41c;--xr-line-strong:#c7f3d445;--xr-accent:#9ff0c8;--xr-on-accent:#06110d;--xr-mark:#9ff0c8;--xr-focus:#bfe3ff;--xr-tint:#131d1a;--lnx-ice:#bfe3ff}
.exhibit.xr--lens{background:radial-gradient(90% 70% at 74% 34%,#17261f 0%,#0c1311 64%) #0c1311}
.lnx-rings{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 72% 40%,transparent 0 63px,#c7f3d40d 63px 64px);-webkit-mask-image:radial-gradient(60% 70% at 72% 40%,#000,transparent);mask-image:radial-gradient(60% 70% at 72% 40%,#000,transparent)}
.lnx-caret{color:var(--xr-accent);margin-left:.02em}
.lnx-motto{margin:22px 0 0;font:400 clamp(16px,1.25vw,20px)/1.3 var(--xr-display);color:var(--lnx-ice)}
.lnx-stage{padding:0 0 clamp(60px,7vw,110px) clamp(40px,5vw,90px)}
.lnx-plate{position:relative;margin:0;padding:10px;border:1px solid var(--xr-line-strong);border-radius:20px;background:#0f1916;box-shadow:0 60px 120px -50px #000,0 0 0 1px #00000040}
.lnx-plate img{display:block;width:100%;height:auto;border-radius:12px}
.lnx-plate figcaption{padding:12px 6px 4px 34%;text-align:right;font:500 12px/1.5 var(--xr-body);color:var(--xr-muted)}
.lnx-lens{position:absolute;left:-4%;bottom:-6%;z-index:3;width:min(52%,460px);aspect-ratio:1;pointer-events:none}
.lnx-lens .lens-optics{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:auto}
.lnx-lens .lens-optics-grid,.lnx-lens .lens-cross{display:none}
.lnx-lens .lens-coordinate,.lnx-lens .lens-optics-caption{display:none}
.lnx-label{position:absolute;top:-22px;right:28px;z-index:4;display:grid;gap:4px;padding:14px 18px;border:1px solid var(--xr-line-strong);border-radius:14px;background:#0f1916;box-shadow:0 20px 40px -20px #000}
.lnx-label b{font:400 18px/1 var(--xr-display);color:var(--xr-fg)}
.lnx-label small{font:500 10px/1.3 var(--xr-mono);color:var(--xr-accent)}
.lnx-edge{position:absolute;right:0;bottom:clamp(20px,2.4vw,40px);left:clamp(40px,5vw,90px);display:flex;justify-content:flex-end;gap:24px;margin:0;padding-left:min(46%,420px);font:400 14px/1.3 var(--xr-display);color:var(--xr-muted)}
.lnx-bench{display:grid;grid-template-columns:minmax(220px,3fr) minmax(0,9fr);margin-top:clamp(64px,7vw,112px);border:1px solid var(--xr-line-strong);border-radius:24px;overflow:hidden;background:var(--xr-tint)}
.lnx-modes{display:grid;align-content:start;border-right:1px solid var(--xr-line)}
.lnx-modes button{display:flex;align-items:center;gap:14px;min-height:76px;padding:0 24px;border:0;border-bottom:1px solid var(--xr-line);background:transparent;color:var(--xr-muted);font:400 21px/1.2 var(--xr-zh);text-align:left;cursor:pointer;transition:color .3s,background-color .3s}
html[lang=en] .lnx-modes button{font-family:var(--xr-display)}
.lnx-modes button .xr-data{display:inline-grid;place-items:center;min-width:34px;height:24px;border:1px solid var(--xr-line-strong);border-radius:999px;font-size:11px;color:var(--xr-muted)}
.lnx-modes button:hover{color:var(--xr-fg)}
.lnx-modes button[aria-pressed=true]{color:var(--xr-fg);background:#9ff0c80d}
.lnx-modes button[aria-pressed=true] .xr-data{background:var(--xr-accent);border-color:var(--xr-accent);color:var(--xr-on-accent)}
.lnx-panels{min-width:0}
.lnx-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(26px,3vw,44px)}
.lnx-panel[hidden]{display:none}
.lnx-path{margin:0;font:500 12px/1.4 var(--xr-mono);color:var(--lnx-ice)}
.lnx-panel h4{margin:12px 0 0;font:400 clamp(26px,2.6vw,40px)/1.15 var(--xr-zh);letter-spacing:0;color:var(--xr-fg)}
html[lang=en] .lnx-panel h4{font-family:var(--xr-display)}
.lnx-panel h4+p{margin:12px 0 0;max-width:52ch;font:400 15px/1.75 var(--xr-body);color:var(--xr-muted)}
.lnx-tree{padding:16px 18px;border:1px solid var(--xr-line);border-radius:14px;background:#08100d;font:400 13px/2.05 var(--xr-mono);color:var(--xr-muted)}
.lnx-tree b{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:2px;background:var(--xr-accent);vertical-align:1px}
.lnx-tree span{float:right;color:var(--xr-accent)}
.lnx-note{grid-column:1/-1;margin:0;padding:13px 24px;border-top:1px solid var(--xr-line);font:500 12px/1.4 var(--xr-body);color:var(--xr-muted)}
.lnx-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:clamp(40px,4.4vw,64px) 0 0;padding:0;list-style:none}
.lnx-specs li{display:grid;gap:6px}
.lnx-specs b{font:400 clamp(22px,1.8vw,28px)/1.1 var(--xr-display);color:var(--xr-accent)}
.lnx-specs span{font:400 14px/1.6 var(--xr-body);color:var(--xr-muted)}
.xd--lens .lnx-capture img{box-shadow:0 40px 90px -50px #000;border:1px solid var(--xr-line-strong)}

/* ───────────── Festival Toolkit · a festival pass, ribbons and a journey booklet ───────────── */
.xr--festival,.exhibition-dialog.festival-dialog{--xr-bg:#dcefcf;--xr-fg:#1d3629;--xr-muted:#3d5747;--xr-line:#1d36291f;--xr-line-strong:#1d36294d;--xr-accent:#1d3629;--xr-on-accent:#f4f9ee;--xr-mark:#b8346c;--xr-focus:#b8346c;--xr-tint:#cde5bd;--fsx-pink:#f7bbd4;--fsx-blue:#bfdcf4;--fsx-paper:#fbfdf6}
.xr--festival[data-season=autumn]{--xr-bg:#f3e3c7;--xr-tint:#ead5b0}
.xr--festival[data-season=winter]{--xr-bg:#dbe9f5;--xr-tint:#c8dbec}
.xr--festival[data-season=spring]{--xr-bg:#f8e0ea;--xr-tint:#f0ccdb}
.fsx-ribbons{position:absolute;top:18%;left:-8%;z-index:-1;width:calc(108% + var(--gutter,24px) + 40px);height:110%;pointer-events:none;opacity:.9}
.xd--festival .fsx-ribbons{inset:auto 0 0 0;top:auto;left:0;width:100%;height:60%}
.xd--festival .fsx-ribbons{opacity:.45}
.fsx-six{display:inline-grid;place-items:center;width:.66em;height:.66em;margin-left:.08em;border-radius:50%;background:var(--fsx-pink);color:#7a1f48;font-size:.5em;line-height:1;vertical-align:.62em;letter-spacing:0}
.fsx-product{margin:22px 0 0;font:600 13px/1.5 var(--xr-body);color:var(--xr-muted)}
.fsx-stage{display:grid;gap:16px}
.fsx-pass{position:relative;display:grid;grid-template-columns:172px minmax(0,1fr);border-radius:24px;background:var(--fsx-paper);box-shadow:inset 0 2px 0 #fff,0 50px 90px -50px #1d362999,0 10px 24px -16px #1d362966;-webkit-mask:radial-gradient(circle 15px at 172px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 15px at 172px 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 15px at 172px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 15px at 172px 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.fsx-stub{display:grid;align-content:space-between;gap:18px;padding:24px 20px 22px;border-right:2px dashed #1d362938;border-radius:24px 0 0 24px;background:var(--fsx-pink);color:#3b1328;transition:background-color .6s var(--xr-ease)}
.xr--festival[data-season=summer] .fsx-stub{background:var(--fsx-pink)}
.xr--festival[data-season=autumn] .fsx-stub{background:#f0d7a4}
.xr--festival[data-season=winter] .fsx-stub{background:var(--fsx-blue)}
.xr--festival[data-season=spring] .fsx-stub{background:#c3dbae}
.fsx-stub-top{display:flex;justify-content:space-between;gap:8px;margin:0;font:600 11px/1.3 var(--xr-body)}
.fsx-stub-word{margin:0;font:400 28px/.98 var(--xr-display);letter-spacing:-.02em}
.fsx-season{display:flex;align-items:center;gap:10px}
.fsx-season-icon svg{display:block;width:34px;height:34px}
.fsx-season small{display:block;font:600 11px/1.2 var(--xr-body)}
.fsx-season strong{display:block;margin-top:3px;font:400 20px/1 var(--xr-zh)}
html[lang=en] .fsx-season strong{font-family:var(--xr-display)}
.fsx-edition{display:flex;align-items:baseline;justify-content:space-between;margin:0;font:600 11px var(--xr-body)}
.fsx-edition b{font:400 54px/.8 var(--xr-display);letter-spacing:-.04em}
.fsx-barcode{display:block;height:34px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 4px,currentColor 4px 5px,transparent 5px 9px,currentColor 9px 12px,transparent 12px 14px);opacity:.75}
.fsx-page{margin:0;padding:14px;min-width:0}
.fsx-page img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px #1d36291a}
.fsx-page figcaption{padding:11px 4px 0;font:500 12px/1.45 var(--xr-body);color:var(--xr-muted)}
.fsx-motto{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin:0;padding:0 6px;font:400 16px/1.3 var(--xr-display);color:var(--xr-fg)}
.fsx-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:clamp(28px,5vw,96px);margin-top:clamp(72px,8vw,128px)}
.fsx-palette h4{margin:0;font:400 clamp(26px,2.5vw,38px)/1.18 var(--xr-zh);letter-spacing:0;color:var(--xr-fg)}
html[lang=en] .fsx-palette h4{font-family:var(--xr-display)}
.fsx-palette>p{margin:8px 0 0;font:500 13px/1.5 var(--xr-body);color:var(--xr-muted)}
.fsx-seasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fsx-seasons button{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 20px 0 14px;border:1px solid var(--xr-line-strong);border-radius:999px;background:#ffffff59;color:var(--xr-fg);font:600 14px/1 var(--xr-body);cursor:pointer;transition:background-color .3s,color .3s,translate .4s var(--xr-ease)}
.fsx-seasons button svg{width:22px;height:22px}
.fsx-seasons button:hover{translate:0 -2px;background:#ffffffa6}
.fsx-seasons button[aria-pressed=true]{background:var(--xr-fg);border-color:var(--xr-fg);color:var(--xr-on-accent)}
.fsx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0;border-top:1px solid var(--xr-line-strong)}
.fsx-stats div{padding-top:20px;min-width:0}
.fsx-stats dt{font:400 clamp(42px,4.4vw,76px)/.86 var(--xr-display);letter-spacing:-.035em;color:var(--xr-fg)}
.fsx-stats dd{margin:12px 0 0;font:500 13px/1.4 var(--xr-body);color:var(--xr-muted)}
.fsx-history .xr-release-rail .fsx-barcode{width:112px;height:26px;margin-top:6px;color:var(--xr-fg);opacity:.5}
.fsx-history .xr-release.is-current .xr-release-status{background:var(--xr-mark);border-color:var(--xr-mark);color:#fff}
.xd--festival .fsx-stats{margin-top:-12px}

/* ───────────── AXIOM · cold white, ink, fluorescent lime and cobalt plotting ───────────── */
.xr--axiom,.exhibition-dialog.axiom-dialog{--xr-bg:#f3f5f8;--xr-fg:#0d0f14;--xr-muted:#495060;--xr-line:#0d0f141c;--xr-line-strong:#0d0f1447;--xr-accent:#d4ff3a;--xr-on-accent:#0d0f14;--xr-mark:#2346d8;--xr-focus:#2346d8;--xr-tint:#e6eaf0;--axx-cobalt:#2346d8;--axx-lime:#d4ff3a}
.exhibit.xr--axiom,.xd--axiom{background-color:var(--xr-bg);background-image:linear-gradient(#0d0f140e 1px,transparent 1px),linear-gradient(90deg,#0d0f140e 1px,transparent 1px),linear-gradient(#0d0f1406 1px,transparent 1px),linear-gradient(90deg,#0d0f1406 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center top}
.xr--axiom .xr-btn--primary:hover{background:var(--xr-fg);color:var(--axx-lime)}
.axx-motto{margin:22px 0 0;font:400 clamp(16px,1.25vw,20px)/1.3 var(--xr-display);color:var(--axx-cobalt)}
.axx-name{margin:8px 0 0;font:600 13px/1.5 var(--xr-body);color:var(--xr-muted)}
.axx-figure{position:relative;margin:0;padding:clamp(20px,2vw,30px) clamp(20px,2.2vw,34px) 18px;border:1px solid var(--xr-line-strong);border-radius:6px;background:#fff;box-shadow:0 40px 80px -50px #0d0f1459}
.axx-figure::before{content:'';position:absolute;top:-1px;left:clamp(20px,2.2vw,34px);width:72px;height:4px;background:var(--axx-lime)}
.axx-figure-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font:500 12px/1 var(--xr-body);color:var(--xr-muted)}
.axx-figure-head b{font:400 clamp(26px,2.4vw,38px)/1 var(--xr-display);color:var(--axx-cobalt)}
.axx-figure .axiom-plot{display:block;width:100%;height:auto;overflow:visible}
.axx-figure .axiom-grid path{stroke:#0d0f1414;stroke-width:1;fill:none}
.axx-figure .axiom-axis{stroke:#0d0f14;stroke-width:1.4;fill:none}
.axx-figure .axiom-axis-label text{font:500 10px var(--xr-mono);fill:#495060}
.axx-figure .axiom-fit{stroke:var(--axx-cobalt);stroke-width:1.8;stroke-dasharray:none;fill:none}
.axx-figure .axiom-observations path{stroke:#0d0f14;stroke-width:.9;fill:none}
.axx-figure .axiom-observations circle{fill:var(--axx-cobalt);stroke:#fff;stroke-width:1.2}
.axx-figure .axiom-gradient{stroke:var(--axx-lime);stroke-width:7;fill:none;stroke-linejoin:round;mix-blend-mode:multiply}
.axx-figure .axiom-gradient-label{font:500 11px var(--xr-mono);fill:#0d0f14}
.axx-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid var(--xr-line);font:500 12px/1.4 var(--xr-body);color:var(--xr-muted)}
.axx-lab{display:grid;grid-template-columns:minmax(0,9fr) minmax(180px,3fr);align-items:end;gap:clamp(28px,3.4vw,56px);margin-top:clamp(72px,8vw,128px)}
.axx-window{margin:0;overflow:hidden;border-radius:14px;background:#0d0f14;box-shadow:0 60px 110px -60px #0d0f14b3}
.axx-window-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;font:500 12px/1 var(--xr-body);color:#dfe3ea}
.axx-window-bar b{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--axx-lime);color:#0d0f14;font:400 15px/1 var(--xr-display)}
.axx-modes{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.axx-modes span{padding:6px 10px;border:1px solid #ffffff2e;border-radius:999px;color:#c9ced8}
.axx-window img{display:block;width:100%;height:auto}
.axx-window figcaption{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 16px 14px;font:500 12px/1.4 var(--xr-body);color:#aab1bf}
.axx-window figcaption .xr-data{color:var(--axx-lime)}
.axx-stats{display:grid;margin:0}
.axx-stats div{display:grid;gap:6px;padding:18px 0;border-top:1px solid var(--xr-line-strong)}
.axx-stats div:last-child{border-bottom:1px solid var(--xr-line-strong)}
.axx-stats dt{font:400 clamp(52px,5vw,84px)/.85 var(--xr-display);letter-spacing:-.03em;color:var(--axx-cobalt)}
.axx-stats dd{margin:0;font:500 13px/1.4 var(--xr-body);color:var(--xr-muted)}
.xd--axiom .axx-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin-top:-12px}
.xd--axiom .axx-stats div:last-child{border-bottom:0}
.xd--axiom .axx-detail-shot img{box-shadow:0 0 0 1px var(--xr-line-strong),0 40px 90px -60px #0d0f14b3}

/* ───────────── Folio · cream paper, terracotta and stacked pages ───────────── */
.xr--folio,.exhibition-dialog.folio-dialog{--xr-bg:#f2ebdd;--xr-fg:#2f2a22;--xr-muted:#655541;--xr-line:#2f2a221c;--xr-line-strong:#2f2a2245;--xr-accent:#a4502e;--xr-on-accent:#fbf6ec;--xr-mark:#a4502e;--xr-focus:#a4502e;--xr-tint:#e9dfcb;--fox-serif:FolioSerif,'Current Serif','EB Garamond',Georgia,serif}
.exhibit.xr--folio{background:var(--xr-bg)}
.fox-index+.xr-history{margin-top:clamp(32px,3vw,48px)}
.fox-dot{color:var(--xr-accent)}
.fox-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:22px 0 0;font:600 13px/1.5 var(--xr-body);color:var(--xr-muted)}
.fox-name span+span::before{content:'';display:inline-block;width:1px;height:12px;margin:0 14px;vertical-align:-1px;background:var(--xr-line-strong)}
.fox-name span:first-child{font:400 18px/1.2 var(--xr-zh);color:var(--xr-fg)}
html[lang=en] .fox-name span:first-child{font:italic 400 20px/1.2 var(--fox-serif)}
.fox-stage{padding:clamp(30px,4vw,64px) clamp(20px,3vw,48px) clamp(64px,7vw,104px) 0}
.fox-stack{position:relative;aspect-ratio:1440/960}
.fox-page{--x:0%;--y:0%;--r:0deg;--z:1;position:absolute;inset:0;z-index:var(--z);margin:0;padding:10px;border-radius:6px;background:#fbf8f1;box-shadow:inset 0 1px 0 #fff,0 34px 70px -40px #4a3a2480,0 6px 14px -8px #4a3a2459;transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform .8s var(--xr-ease),box-shadow .8s var(--xr-ease)}
.fox-page img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:3px}
.fox-stack[data-fox-front=library] [data-fox-page=library],.fox-stack[data-fox-front=discover] [data-fox-page=discover],.fox-stack[data-fox-front=files] [data-fox-page=files]{--z:3}
.fox-stack[data-fox-front=library] [data-fox-page=discover],.fox-stack[data-fox-front=discover] [data-fox-page=files],.fox-stack[data-fox-front=files] [data-fox-page=library]{--x:4%;--y:-6%;--r:2.2deg;--z:2}
.fox-stack[data-fox-front=library] [data-fox-page=files],.fox-stack[data-fox-front=discover] [data-fox-page=library],.fox-stack[data-fox-front=files] [data-fox-page=discover]{--x:8%;--y:-12%;--r:4.4deg;--z:1}
.fox-margin{position:absolute;left:-3%;bottom:clamp(8px,1.4vw,24px);z-index:4;margin:0;font:italic 400 clamp(24px,2.2vw,34px)/1.05 var(--fox-serif);color:var(--xr-accent);rotate:-5deg}
.fox-real{position:absolute;right:clamp(20px,3vw,48px);bottom:clamp(14px,2vw,30px);margin:0;font:500 12px/1.4 var(--xr-body);color:var(--xr-muted)}
.fox-index{display:flex;flex-wrap:wrap;align-items:center;gap:6px clamp(14px,2.4vw,40px);margin-top:clamp(56px,6vw,96px);padding:14px 0;border-top:1px solid var(--xr-line-strong);border-bottom:1px solid var(--xr-line-strong)}
.fox-index button{display:inline-flex;align-items:baseline;gap:10px;min-height:44px;padding:8px 2px;border:0;border-radius:0;background:transparent;color:var(--xr-muted);font:400 17px/1.2 var(--xr-zh);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:8px;transition:color .3s,text-decoration-color .3s}
.fox-index button{font-family:var(--xr-body);font-weight:500;font-size:16px}
.fox-index-n{font:italic 400 20px/1 var(--fox-serif);color:var(--xr-accent)}
.fox-index button:hover{color:var(--xr-fg)}
.fox-index button[aria-pressed=true]{color:var(--xr-fg);text-decoration-color:var(--xr-accent)}
.fox-index-end{margin-left:auto;font:italic 400 17px/1.3 var(--fox-serif);color:var(--xr-muted)}
.fox-history .xr-history-count{gap:12px}
.fox-history .xr-history-count b{font:italic 400 clamp(40px,4.2vw,62px)/1 var(--fox-serif);color:var(--xr-accent)}
.fox-history .xr-release-v{font-family:var(--fox-serif);font-style:normal}
.fox-history .xr-release.is-current .xr-release-status{background:var(--xr-accent);border-color:var(--xr-accent);color:var(--xr-on-accent)}
.xd--folio .fox-name{margin-top:12px}
.fox-reader .fox-view-frame{padding:10px;border-radius:8px;background:#fbf8f1;box-shadow:inset 0 1px 0 #fff,0 34px 70px -44px #4a3a2480,0 0 0 1px var(--xr-line)}
.fox-reader .fox-view-frame img{border-radius:3px}
.xd--folio .xd-actions .xr-aside{margin-top:4px}

/* ───────────── NBA After Hours · the first project, a night court ───────────── */
.xr--court,.exhibition-dialog.court-dialog{--xr-bg:#0f1519;--xr-fg:#eef3ef;--xr-muted:#a9b8b0;--xr-line:#eef3ef1c;--xr-line-strong:#eef3ef42;--xr-accent:#c4fa5a;--xr-on-accent:#0f1519;--xr-mark:#ff8a4c;--xr-focus:#c4fa5a;--xr-tint:#172126}
.exhibit.xr--court{background:#0f1519}
.ctx-arena{position:absolute;inset:0;z-index:-1;overflow:hidden;perspective:900px;perspective-origin:50% 30%;pointer-events:none}
.ctx-light{position:absolute;inset:0;background:radial-gradient(42% 58% at 68% -6%,#fff3dc26,transparent 72%),radial-gradient(30% 40% at 18% 0%,#c4fa5a0f,transparent 70%)}
.ctx-floor{position:absolute;left:50%;bottom:0;width:max(1500px,130vw);aspect-ratio:940/500;translate:-50% 0;transform:rotateX(77deg);transform-origin:50% 100%;color:#f6ead4;background:repeating-linear-gradient(90deg,#4a311c 0 46px,#523620 46px 92px,#45301b 92px 138px,#4d331d 138px 184px);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 30%,transparent 88%);mask-image:linear-gradient(to top,#000 0%,#000 30%,transparent 88%);opacity:.42}
.ctx-floor svg{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.ctx-floor-word{position:absolute;left:50%;top:50%;translate:-50% -50%;font:400 74px/1 var(--xr-display);letter-spacing:-.02em;color:#f6ead4;opacity:.42;white-space:nowrap}
.xr--court .xr-inner{padding-bottom:clamp(96px,10vw,160px)}
.ctx-first{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;font:600 14px/1.4 var(--xr-body);color:var(--xr-accent)}
.ctx-first::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--xr-mark);box-shadow:inset -3px -2px 0 #0003}
.xr--court .xr-sub{max-width:16em}
.ctx-board{display:inline-grid;grid-template-columns:repeat(3,auto);margin:28px 0 0;border:1px solid var(--xr-line-strong);border-radius:16px;overflow:hidden;background:#0a0f12}
.ctx-board div{display:grid;gap:8px;padding:14px clamp(16px,1.6vw,26px) 14px;border-right:1px solid var(--xr-line)}
.ctx-board div:last-child{border-right:0}
.ctx-board dt{font:400 clamp(30px,2.8vw,44px)/.9 var(--xr-display);letter-spacing:-.02em;color:var(--xr-accent);white-space:nowrap}
.ctx-board dt span{margin:0 .12em;color:var(--xr-muted);font-size:.6em}
.ctx-board dd{margin:0;font:500 12px/1.3 var(--xr-body);color:var(--xr-muted)}
.ctx-jumbotron{position:relative;margin:0;padding:10px;border-radius:20px;background:#05080a;box-shadow:0 0 0 1px #ffffff17,0 60px 120px -50px #000,0 0 140px -40px #c4fa5a40}
.ctx-jumbo-bar{display:flex;justify-content:space-between;gap:12px;padding:4px 6px 12px;font:600 12px/1.2 var(--xr-body);color:var(--xr-muted)}
.ctx-jumbo-bar b{color:var(--xr-accent);font-weight:600}
.ctx-jumbotron img{display:block;width:100%;height:auto;border-radius:12px}
.ctx-jumbotron figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 6px 4px;font:500 12px/1.3 var(--xr-body);color:var(--xr-muted)}
.ctx-jumbotron figcaption b{color:var(--xr-fg)}
.ctx-jumbotron code{margin-left:auto;font:500 13px/1 var(--xr-mono);color:var(--xr-accent);background:none;padding:0}
.ctx-jumbotron code i{display:inline-block;width:.55em;height:1em;margin-left:4px;vertical-align:-2px;background:currentColor}
.xd--court .ctx-board{justify-self:start;margin-top:-12px}
.xd-copy .ctx-help{color:var(--xr-fg)}

/* ───────────── Responsive ───────────── */
@media (max-width:1100px){
  .xr-hero{grid-template-columns:minmax(0,1fr);gap:clamp(48px,7vw,72px)}
  .xr-copy{max-width:760px}
  .chx-remix{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .chx-channel-copy{grid-column:1/-1}
  .lnx-stage{padding-left:clamp(24px,5vw,60px)}
  .fsx-band,.axx-lab{grid-template-columns:minmax(0,1fr)}
  .axx-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
  .axx-stats div:last-child{border-bottom:0}
}
@media (max-width:760px){
  .xr-inner{padding-block:clamp(84px,22vw,112px) 40px}
  .xr-title{font-size:clamp(50px,15vw,76px)}
  .xr--chroma .xr-title{font-size:clamp(56px,17vw,84px)}
  .xr-spec{grid-template-columns:minmax(0,1fr)}
  .xr-btn{min-height:48px;padding:0 18px}
  .xr-btn--inside{padding:0 4px 0 0}
  .xr-foot{flex-direction:column}
  .xr-history>summary{grid-template-columns:auto minmax(0,1fr) auto;gap:16px}
  .xr-history-route{display:none}
  .xr-history-count{min-width:0}
  .xr-history-toggle .ic{width:44px;height:44px;padding:13px}
  .xr-release{grid-template-columns:minmax(0,1fr);gap:16px}
  .xr-release-rail{grid-template-columns:auto auto;align-items:end;justify-content:start;gap:6px 14px}
  .xr-release-v{grid-row:span 2}
  .xr-release-rail .fsx-barcode{display:none}
  .chx-pixels{height:10px;grid-template-columns:repeat(48,1fr)}
  .chx-pixels i:nth-child(n+49){display:none}
  .chx-disc--red{top:-14%;right:-22%;width:80%}
  .chx-disc--yellow{bottom:-10%;left:-6%;width:28%}
  .chx-bezel{padding:9px 9px 8px;border-radius:18px}
  .chx-bezel-bar .chx-bezel-label{display:none}
  .chx-keys{margin-left:0;width:100%}
  .chx-keys button{flex:1;padding:0 8px}
  .chx-remix{grid-template-columns:minmax(0,1fr)}
  .chx-caps,.lnx-specs{grid-template-columns:minmax(0,1fr);gap:18px}
  .lnx-stage{padding:0 0 70px}
  .lnx-lens{left:-7%;bottom:-4%;width:42%}
  .lnx-plate figcaption{padding-left:36%}
  .lnx-label{top:-18px;right:12px;padding:10px 12px}
  .lnx-edge{left:0;padding-left:52%;bottom:16px;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px}
  .lnx-bench{grid-template-columns:minmax(0,1fr)}
  .lnx-modes{grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--xr-line)}
  .lnx-modes button{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:84px;padding:12px 14px;border-bottom:0;border-right:1px solid var(--xr-line);font-size:17px}
  .lnx-modes button:last-child{border-right:0}
  .lnx-panel{grid-template-columns:minmax(0,1fr);padding:22px 18px}
  .fsx-ribbons{top:62%;left:-10%;width:130%;height:60%;opacity:.7}
  .fsx-pass{grid-template-columns:minmax(0,1fr);-webkit-mask:none;mask:none}
  .fsx-stub{grid-template-columns:auto auto;grid-template-areas:'top top' 'word ed' 'season code';align-items:end;border-right:0;border-bottom:2px dashed #1d362938;border-radius:24px 24px 0 0;padding:18px}
  .fsx-stub-top{grid-area:top}.fsx-stub-word{grid-area:word;font-size:24px}.fsx-edition{grid-area:ed;justify-content:flex-end;gap:8px}.fsx-season{grid-area:season}.fsx-stub .fsx-barcode{grid-area:code;width:90px;justify-self:end;height:26px}
  .fsx-edition b{font-size:40px}
  .fsx-page{padding:10px}
  .fsx-stats dt{font-size:clamp(38px,11vw,52px)}
  .fsx-seasons button{flex:1 1 calc(50% - 8px);justify-content:center}
  .axx-stats dt{font-size:clamp(40px,11vw,56px)}
  .axx-modes{margin-left:0}
  .fox-stage{padding:28px 18px 76px 0}
  .fox-margin{left:0;bottom:6px;font-size:22px}
  .fox-real{right:0;bottom:4px;font-size:11px}
  .fox-index-end{margin-left:0;width:100%}
  .ctx-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .ctx-board div{padding:12px}
  .ctx-board dt{font-size:clamp(22px,7vw,30px)}
  .ctx-floor{width:260vw;bottom:-4%}
  .ctx-floor-word{font-size:60px}
  .ctx-jumbotron code{margin-left:0}
  .exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
  .exhibition-dialog:is(.chx-dialog,.lens-dialog,.festival-dialog,.axiom-dialog,.folio-dialog,.court-dialog) .dialog-close{top:12px;margin:12px 12px -58px 0}
  .xd{padding:64px 18px 28px}
  .xd-head{padding-right:0}
  .xd-head .xr-title{font-size:clamp(44px,13vw,64px)}
  .xd-copy section{grid-template-columns:minmax(0,1fr);gap:8px}
  .xd--axiom .axx-stats,.xd--festival .fsx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ───────────── Motion: interaction only; switched off with the site toggle or the system preference ───────────── */
html[data-site-motion=off] :is(.xr,.xd) *,html[data-site-motion=off] .exhibit.xr{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){
  :is(.xr,.xd) *,.exhibit.xr{transition:none!important;animation:none!important}
}

/* Small identity captions carried over from the earlier artworks. */
.chx-bezel-foot{gap:14px}
.chx-ticker{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;opacity:.8}
.fsx-stub-facts{margin:0;font:600 11px/1.45 var(--xr-body);opacity:.85}
.fsx-edition span{line-height:1.35}
.fox-real{display:grid;justify-items:end;gap:2px}
@media (max-width:760px){
  .chx-ticker{display:none}
  .fsx-stub{grid-template-areas:'top top' 'word ed' 'season code' 'facts facts'}
  .fsx-stub-facts{grid-area:facts}
}

/* ═════════════ Unification pass (2026-10): type roles, controls and redrawn chrome for the six rooms ═════════════
   Chinese chapter headings → --zh-display (--xr-zh-display); sub-heads and the hero line → --zh-strong (--xr-zh);
   buttons, tabs, fact values and status pills → --xr-label (= --body). */
.xr-title{letter-spacing:-.02em}
.xr-release-v,.xr-history-count b,.fsx-stats dt,.axx-stats dt,.fsx-edition b,.xr--chroma .chx-channels button{letter-spacing:-.02em}
.chx-remix-title,.lnx-panel h4,.fsx-palette h4,.xr-history-title strong{font-family:var(--xr-zh-display);letter-spacing:.03em}
html[lang=en] :is(.chx-remix-title,.lnx-panel h4,.fsx-palette h4,.xr-history-title strong){font-family:var(--xr-display);letter-spacing:-.01em}
.xr-sub,.xd-copy h3,.xr-release-copy h4,.chx-channel-copy h4,.lnx-modes button,.fsx-season strong,.fox-name span:first-child{letter-spacing:.03em}
.xr-sub{line-height:1.3}
.xr-history-title strong{font-size:clamp(26px,2.4vw,36px);line-height:1.15}
.xr-release-copy h4{font-size:clamp(22px,2.1vw,32px);line-height:1.3}
.xd-copy h3{line-height:1.25}
html:not([lang=en]) .xr-release-copy li b{font:400 15px/1.4 var(--xr-zh);letter-spacing:.03em}
.xr-btn,.xd-views button,.fsx-seasons button,.chx-keys button,.xr-release-status,.xr-spec dd,.xr-release-copy a,.xr-aside{font-family:var(--xr-label)}
.fox-index button{font:500 16px/1.2 var(--xr-label)}
.chx-bezel-label{font-family:var(--xr-label)}
/* Micro text: nothing readable under 11px (12px on phones). */
.chx-remix-tag,.xr--chroma .xr-foot .chx-pixel,.chx-bezel-foot .chx-pixel{font-size:11px}
.lnx-label small{font-size:11px}
.chx-channels button small{font-size:12px}
/* CHROMA: the hardware bezel is redrawn flat — one pale metal plate, flat keys, no bevel or hard key shadow. */
.chx-bezel{background:#e8edfb;box-shadow:0 50px 90px -46px #000000b3,0 0 0 1px #0b1a6e1f}
.chx-keys button{border:1px solid #0b1a6e2e;border-radius:999px;background:#fff;box-shadow:none;transition:background .25s,border-color .25s,color .25s}
.chx-keys button:hover{translate:none;border-color:#0b1a6e80}
.chx-keys button[aria-pressed=true]{background:#081038;border-color:#081038;color:#fff000;box-shadow:none;translate:none}
.chx-glass{box-shadow:none}
/* NBA After Hours: no coloured halo around the jumbotron; the ball is a flat disc. */
.ctx-jumbotron{box-shadow:0 0 0 1px #ffffff17,0 60px 120px -50px #000}
.ctx-first::before{box-shadow:none}
@media (max-width:760px){
  .xr-spec dt,.xr-release-ed,.xr-history-count small,.xd-shot-bar,.fsx-stub-top,.fsx-season small,.fsx-edition,.fsx-stub-facts,.ctx-board dd,.ctx-jumbo-bar,.ctx-jumbotron figcaption,.lnx-note,.lnx-plate figcaption,.fsx-page figcaption,.axx-figure figcaption,.axx-window figcaption,.axx-window-bar,.chx-screen figcaption,.xr-foot,.xr-history-foot,.lnx-label small,.chx-remix-tag,.fox-real{font-size:12px}
  .lnx-modes button .xr-data{font-size:12px}
}
html:not([lang=en]) :is(.xr-lede,.xd-copy p,.xr-release-copy>p,.xr-release-copy li span,.lnx-panel h4+p,.chx-channel-copy p,.xd-note){line-height:1.9}
@media (max-width:760px){
  .fsx-stats{gap:0 14px}
  .fsx-stats dt{font-size:clamp(28px,8.6vw,42px)}
  .ctx-board{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.8fr)}
  .ctx-board dt{font-size:clamp(20px,6.2vw,28px);white-space:normal}
  .ctx-board div{padding:12px 10px}
}
/* Two families per room besides mono: the CHROMA pixel face stays for its slogan only; Folio's serif for its margin note and mark. */
.xr--chroma .chx-pixel:not(.chx-slogan),.xd--chroma .chx-pixel:not(.chx-slogan){font-family:var(--xr-mono);font-weight:500;letter-spacing:0;text-transform:none}
.fox-index-n{font:500 12px/1 var(--xr-mono);color:var(--xr-accent)}
.fox-index-end{font:400 15px/1.4 var(--xr-body);font-style:normal}
.fox-history .xr-release-v{font-family:var(--xr-display)}