/* V20 ROOMS — the three exhibitions join the dark stage of All Work. Each is a room with its own colour of light; the pointer moves the light, tilts the plate, shifts the type and form (parallax). Layout/rhythm from V17 is unchanged. */
.wk-set .wk { --w-paper: #FFFFFF !important; --w-ink: #171914 !important; --w-tint: #0E141B !important; box-shadow: 0 -40px 70px -34px rgba(0,0,0,.7); }
.wk-set .wk:first-of-type { box-shadow: none; }
.wk-aurore { --w-accent: #BFCBAE !important; --gx: 78%; --gy: 36%; }
.wk-clarte { --w-accent: #8FC9C2 !important; --gx: 22%; --gy: 34%; }
.wk-hangyeol { --w-accent: #E3A98F !important; --gx: 50%; --gy: 38%; }
.wk-set .wk { background-image:
  radial-gradient(34vw 34vw at var(--mx, var(--gx)) var(--my, var(--gy)), color-mix(in srgb, var(--w-accent) 18%, transparent), transparent 66%),
  radial-gradient(62vw 62vw at var(--gx) var(--gy), color-mix(in srgb, var(--w-accent) 11%, transparent), transparent 70%); }
.wk-set .wk .rail { border-top-color: rgba(23,25,20,.2); }
.wk-set .wk .chip { border-color: rgba(23,25,20,.3); }
.wk-set .wk .chip.n { border-color: var(--w-accent); }
.wk-set .wk a.chip.go:hover { background: var(--red); border-color: var(--red); color: #fff; }
/* type */
.wk-aurore .ax-title { text-shadow: 0 0 80px color-mix(in srgb, var(--w-accent) 40%, transparent); }
.wk-clarte .cx-title { color: #171914; mix-blend-mode: normal; text-shadow: 0 0 80px color-mix(in srgb, var(--w-accent) 35%, transparent); }
.wk-clarte .cx-title .b { color: var(--w-accent); }
.wk-hangyeol .hx-kr { text-shadow: 0 0 90px color-mix(in srgb, var(--w-accent) 38%, transparent); }
.wk-hangyeol .hx-title { color: #171914; }
.ax-ko, .cx-ko, .hx-ko { color: rgba(23,25,20,.72) !important; }
.wk-aurore .ax-ko::before, .wk-clarte .cx-ko::before, .wk-hangyeol .hx-ko::before { color: #171914; }
/* forms */
.wk-aurore .ax-ring { stroke: color-mix(in srgb, var(--w-accent) 80%, transparent); }
.wk-aurore .ax-sym { fill: var(--w-accent); fill-opacity: .24; }
.wk-clarte::before, .wk-clarte::after { background: color-mix(in srgb, var(--w-accent) 38%, transparent); }
.wk-hangyeol .hx-sq { border-color: color-mix(in srgb, var(--w-accent) 85%, transparent); }
/* plates glow in their own colour */
.ax-plate { box-shadow: 0 0 120px -20px color-mix(in srgb, var(--w-accent) 45%, transparent), 0 50px 90px -40px #000; }
.cx-plate { box-shadow: 0 0 120px -20px color-mix(in srgb, var(--w-accent) 45%, transparent); }
.hx-diamond { filter: drop-shadow(0 0 40px color-mix(in srgb, var(--w-accent) 40%, transparent)); }
.cx-plate, .ax-plate { display: block; }
.wk-set .plate-host { transition: transform .5s var(--ease); will-change: transform; }
@media (min-width: 900px) and (hover: hover) and (prefers-reduced-motion: no-preference) {
  .wk-set .wk .plate-host { transform: perspective(1100px) rotateY(calc(var(--px, 0) * 7deg)) rotateX(calc(var(--py, 0) * -6deg)); }
  .wk-aurore .ax-title { translate: calc(var(--px, 0) * -16px) calc(var(--py, 0) * -8px); }
  .wk-clarte .cx-title { translate: calc(var(--px, 0) * -14px) calc(var(--py, 0) * -8px); }
  .wk-aurore .ax-fig { translate: calc(var(--px, 0) * 24px) calc(var(--py, 0) * 14px); }
  .wk-clarte .cx-plate { translate: calc(var(--px, 0) * -12px) calc(var(--py, 0) * -8px); }
  .wk-hangyeol .hx-frame { translate: calc(var(--px, 0) * 16px) calc(var(--py, 0) * 10px); }
  .wk-hangyeol .hx-e.e1 { translate: calc(var(--px, 0) * -10px) calc(var(--py, 0) * -6px); } .wk-hangyeol .hx-e.e2 { translate: calc(var(--px, 0) * 14px) calc(var(--py, 0) * 9px); }
}
@media (prefers-reduced-motion: reduce) { .wk-set .plate-host { transition: none; } }