/* V15 SPACE — whitespace as form. Each exhibition is a tall, quiet white page: fewer/smaller elements, offset on a diagonal, wide margins (Tendril reference: principle only). The stacking overlap is retired (it left no room to breathe); the red position marker stays. */
:root { --gap: 7vw; }
@media (min-width: 900px) {
  .wk-set .wk { position: relative !important; box-shadow: none !important; }
  .wk-aurore, .wk-clarte, .wk-hangyeol { height: clamp(980px, 118svh, 1180px); }
  .wk-aurore .ax-grid, .wk-hangyeol .hx-grid { height: calc(100% - 90px); }
  .wk-clarte .cx-grid { height: 100%; }
  /* ---- 01 AURORE: title top-left, rings low-left, plate right-centre, caption under the plate ---- */
  .wk-aurore .ax-no { left: var(--gap); right: auto; top: 56px; }
  .wk-aurore .ax-title { left: var(--gap); top: 200px; bottom: auto; font-size: clamp(96px, 13vw, 190px); }
  .wk-aurore .ax-fig { left: calc(var(--gap) + 3vw); top: 540px; width: min(32vw, 470px); }
  .wk-aurore .ax-plate { right: calc(var(--gap) + 9vw); top: 290px; width: min(22.5vw, 330px); }
  .wk-aurore .ax-note { left: calc(100% - var(--gap) - 9vw - min(22.5vw, 330px)); right: auto; top: calc(290px + min(22.5vw, 330px) * 1.78 + 22px); bottom: auto; width: min(22.5vw, 330px); }
  /* ---- 02 CLARTÉ: plate top-right inside the margin, title low-left, figure small under the numeral ---- */
  .wk-clarte { --S: min(34vw, 500px); }
  .wk-clarte .gl { display: none; }
  .wk-clarte .cx-no { left: var(--gap); top: 56px; }
  .wk-clarte .cx-plate { right: var(--gap); top: 150px; width: var(--S); height: var(--S); }
  .wk-clarte .cx-title { left: var(--gap); top: auto; bottom: 190px; font-size: clamp(96px, 13.5vw, 196px); mix-blend-mode: normal; color: #12302F; }
  .wk-clarte .cx-title .b { color: var(--w-accent); }
  .wk-clarte .cx-ko { left: var(--gap); top: auto; bottom: 108px; }
  .wk-clarte .cx-fig-wrap { left: var(--gap); top: 130px; bottom: auto; width: 150px; }
  .wk-clarte::before { left: 0; right: 0; top: calc(150px + var(--S) / 2); height: 1px; }
  .wk-clarte::after { top: 0; bottom: 90px; left: calc(100% - var(--gap) - var(--S) / 2); width: 1px; }
  /* ---- 03 HANGYEOL: glyphs top-left, frame low-right (diagonal), caption under the glyphs ---- */
  .wk-hangyeol .hx-no { left: var(--gap); top: 56px; }
  .wk-hangyeol .hx-kr { left: var(--gap); top: 200px; bottom: auto; font-size: clamp(150px, 20vw, 290px); }
  .wk-hangyeol .hx-title { left: var(--gap); top: calc(200px + clamp(150px, 20vw, 290px) * .86 + 30px); }
  .wk-hangyeol .hx-ko { left: var(--gap); top: calc(200px + clamp(150px, 20vw, 290px) * .86 + 118px); }
  .wk-hangyeol .hx-frame { top: auto; bottom: 120px; transform: none; right: var(--gap); width: min(36vw, 520px); }
}
@media (max-width: 899px) {
  .ax-grid { padding: 88px var(--gut) 72px; gap: 8px; } .cx-grid { padding-bottom: 72px; } .hx-grid { padding: 88px var(--gut) 72px; gap: 56px; }
  .wk-clarte .cx-title { margin-top: 64px; } .wk-clarte .cx-ko { margin-top: 28px; } .wk-clarte .cx-fig-wrap { margin-top: 48px; }
  .wk-aurore .ax-note { margin-top: 36px; } .wk-aurore .ax-plate { margin-top: 64px; width: 56%; }
}