/* V16 WIDE — cut what repeats (big numerals, the small pane figure), spread the composition to the full width, and give the left and right edges their own voice (vertical side labels, bleed). */
.side { display: none; }
@media (min-width: 900px) {
  .side { display: block; position: absolute; top: calc((100% - 90px) / 2); writing-mode: vertical-rl; font: 600 10.5px/1 var(--f); letter-spacing: .22em; text-transform: uppercase; color: color-mix(in srgb, var(--w-ink) 72%, transparent); white-space: nowrap; z-index: 6; }
  .side.l { left: 16px; transform: translateY(-50%) rotate(180deg); }
  .side.r { right: 48px; transform: translateY(-50%); }
  .wk-clarte .side.r, .wk-hangyeol .side.r { color: #fff; mix-blend-mode: difference; }
  .wk-aurore .ax-no, .wk-clarte .cx-no, .wk-hangyeol .hx-no, .wk-clarte .cx-fig-wrap { display: none; }
  /* ---- AURORE: title flush left and big, rings centred low, plate hard right ---- */
  .wk-aurore .ax-title { left: 3.5vw; top: 110px; font-size: clamp(110px, 16vw, 236px); }
  .wk-aurore .ax-plate { right: 4.5vw; top: 150px; width: min(27vw, 390px); }
  .wk-aurore .ax-fig { left: 34vw; top: 520px; width: min(30vw, 430px); }
  .wk-aurore .ax-note { left: calc(100% - 4.5vw - min(27vw, 390px)); top: calc(150px + min(27vw, 390px) * 1.78 + 22px); width: min(27vw, 390px); }
  /* ---- CLARTÉ: plate bleeds off the right edge; hairlines run edge to edge ---- */
  .wk-clarte { --S: min(44vw, 640px); }
  .wk-clarte .cx-plate { right: 0; top: 120px; width: var(--S); height: var(--S); }
  .wk-clarte .cx-title { left: 3.5vw; bottom: 190px; font-size: clamp(110px, 16vw, 236px); }
  .wk-clarte .cx-ko { left: 3.5vw; }
  .wk-clarte::before { left: 0; right: 0; top: calc(120px + var(--S) / 2); }
  .wk-clarte::after { left: calc(100% - var(--S) / 2); }
  /* ---- HANGYEOL: glyphs hard left, the frame breaks the right edge ---- */
  .wk-hangyeol .hx-kr { left: 3.5vw; top: 110px; font-size: clamp(170px, 24vw, 350px); }
  .wk-hangyeol .hx-title { left: 3.5vw; top: calc(110px + clamp(170px, 24vw, 350px) * .86 + 30px); }
  .wk-hangyeol .hx-ko { left: 3.5vw; top: calc(110px + clamp(170px, 24vw, 350px) * .86 + 118px); }
  .wk-hangyeol .hx-frame { right: -2vw; bottom: 100px; width: min(44vw, 640px); }
  .wk .rail { padding-left: 3.5vw; padding-right: 3.5vw; }
}