/* piso 5 · Crowd Basket e My Plot, na mesma sala enquanto as duas apps não estão acabadas: cada uma no
   seu móvel, o armário do Crowd Basket à esquerda e a secretária da My Plot à direita, com os aparelhos
   pousados a mostrar o ecrã. Cada uma traz as suas regras (.f-crowd-basket e .f-my-plot, nos invólucros
   .metade, que já não dividem nada: só arrumam). Quando uma ficar pronta, volta a ter piso próprio. */
.f-obra { --wallc: #DCE8D6; --accent: #7DB46C; }
.f-obra .metade { position: absolute; inset: 0; transform-style: preserve-3d; }

/* o tapete do meio, às riscas nas cores das duas apps */
.f-obra .obra-tapete {
  border-radius: calc(3 * var(--u));
  background:
    repeating-linear-gradient(90deg, transparent 0 calc(14 * var(--u)), rgb(255 255 255 / .35) 0 calc(16 * var(--u))),
    linear-gradient(#C9DCC3, #BFD5BA);
  box-shadow: inset 0 0 0 calc(2 * var(--u)) #A9C3A4;
}
/* a planta grande do canto */
.f-obra .obra-vaso { --c: #E9E4DA; --top: radial-gradient(circle, #6B4A35 0 62%, #E9E4DA 63%); }
.f-obra .obra-folha { --c: #4F8A55; --top: radial-gradient(circle, #6FA285 0 40%, #4F8A55 42%); border-radius: 40%; }

/* o nome do Crowd Basket, na parede da esquerda, a seguir ao número (o da My Plot está na da direita) */
.f-obra .wl-nome {
  --x: 156; --y: 11; --w: 132; --z: -56; --h: 40;
  display: grid; place-items: end start;
  color: var(--numc);
  font: 600 calc(14 * var(--u))/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase;
}

/* na coluna, os dois textos, um a seguir ao outro */
.f-obra .info .kicker:not(:first-child) { margin-top: 40px; }