/* Barcelona Chair, de Ludwig Mies van der Rohe (1929, para o pavilhão alemão da exposição de Barcelona; Knoll), desenhada
   a partir de quatro fotografias (de frente, de três quartos e de lado) e das medidas da Knoll: 75 × 76 × 77 cm, assento
   a 43 cm. As barras chatas de aço cromado são segmentos de recta que seguem as curvas; cada um roda no próprio ponto
   de partida (.bc-giro). A pele é capitonada: costuras em quadrícula e um botão em cada cruzamento, quatro por quatro no
   assento e quatro por cinco nas costas. A cor vem da ficha (data-cor); por omissão, preta */
.mies-barcelona-chair { --bc-pele: #232126; --bc-costura: #121115; }
.mies-barcelona-chair .bc-giro { transform-origin: 0 0 calc(var(--z) * var(--u)); }
.mies-barcelona-chair .bc-cromado {   /* cromado: claro em cima, com as bordas escuras, para se ver no chão claro */
  --c: #B4BAC1; --top: linear-gradient(90deg, #7D848C, #EEF1F4 30%, #A2A8AF 70%, #6F767E);
  --c1: linear-gradient(#E8EBEE, #7E858D); --c2: linear-gradient(#F0F2F4, #8A9198);
}
.mies-barcelona-chair .bc-correia { --c: #1A1816; --top: #24211E; }
.mies-barcelona-chair .bc-pele {
  --botoes: radial-gradient(circle, var(--bc-costura) 0 calc(.5 * var(--u)), transparent calc(.7 * var(--u)));
  --c: var(--bc-pele);
  --c2: color-mix(in oklab, var(--bc-pele), #000 22%);
}
/* o assento, visto de cima: 4 × 4 almofadas */
.mies-barcelona-chair .bc-assento {
  --top:
    var(--botoes) calc(4.875 * var(--u)) calc(6.75 * var(--u)) / calc(9.75 * var(--u)) calc(13.5 * var(--u)),
    linear-gradient(90deg, transparent calc(9.5 * var(--u)), color-mix(in oklab, var(--bc-costura), transparent 40%) 0) 0 0 / calc(9.75 * var(--u)) 100%,
    linear-gradient(transparent calc(13.2 * var(--u)), color-mix(in oklab, var(--bc-costura), transparent 40%) 0) 0 0 / 100% calc(13.5 * var(--u)),
    radial-gradient(ellipse at 50% 40%, color-mix(in oklab, var(--bc-pele), #fff 10%), var(--bc-pele) 70%);
}
/* as costas, de frente (a face −x, o ::after: a largura é a altura da caixa, 35, e a altura é a largura, 54): 5 × 4 */
.mies-barcelona-chair .bc-costas {
  --c1:
    var(--botoes) calc(3.5 * var(--u)) calc(6.75 * var(--u)) / calc(7 * var(--u)) calc(13.5 * var(--u)),
    linear-gradient(90deg, transparent calc(6.75 * var(--u)), color-mix(in oklab, var(--bc-costura), transparent 40%) 0) 0 0 / calc(7 * var(--u)) 100%,
    linear-gradient(transparent calc(13.2 * var(--u)), color-mix(in oklab, var(--bc-costura), transparent 40%) 0) 0 0 / 100% calc(13.5 * var(--u)),
    linear-gradient(90deg, color-mix(in oklab, var(--bc-pele), #fff 6%), var(--bc-pele));
  --top: color-mix(in oklab, var(--bc-pele), #fff 8%);
}
/* as costas, vistas de trás (a espelhada): pele lisa, com as correias à vista por cima */
.mies-barcelona-chair .bc-costas-tras { --c1: linear-gradient(90deg, color-mix(in oklab, var(--bc-pele), #000 12%), var(--bc-pele)); --top: color-mix(in oklab, var(--bc-pele), #fff 8%); }
/* qual das duas se vê: a de frente, a não ser que o piso diga data-virada="costas" */
.mies-barcelona-chair .bc-v-costas, .mies-barcelona-chair[data-virada="costas"] .bc-v-frente { display: none; }
.mies-barcelona-chair[data-virada="costas"] .bc-v-costas { display: block; }