/* Four project pieces and three accents share a morphing canvas. */
.work-art { position:relative; display:block; width:min(100%,1060px); height:500px; margin-inline:auto; }
.work-art > * {
  position:absolute;
  left:var(--x); top:var(--y); width:var(--w); height:var(--h);
  border-radius:var(--radius); box-sizing:border-box;
  transition:left .9s cubic-bezier(.645,.045,.355,1),top .9s cubic-bezier(.645,.045,.355,1),width .9s cubic-bezier(.645,.045,.355,1),height .9s cubic-bezier(.645,.045,.355,1),border-radius .9s cubic-bezier(.645,.045,.355,1);
}
.work-art .project-shape {
  display:flex; align-items:center; justify-content:center; padding:24px;
  text-align:center; cursor:pointer; overflow:hidden; z-index:2;
  transition:left .9s cubic-bezier(.645,.045,.355,1),top .9s cubic-bezier(.645,.045,.355,1),width .9s cubic-bezier(.645,.045,.355,1),height .9s cubic-bezier(.645,.045,.355,1),border-radius .9s cubic-bezier(.645,.045,.355,1),filter .25s;
}
.work-art .project-shape:hover { transform:none; filter:brightness(1.13); }
.work-art .project-shape:focus-visible { outline:3px solid var(--orange); outline-offset:-5px; }
.work-art .shape-name { font:600 clamp(29px,3.8vw,52px)/.97 var(--display); letter-spacing:-.06em; position:relative; z-index:5; transition:transform .9s cubic-bezier(.645,.045,.355,1); }
.work-art .location .shape-name { font-size:clamp(27px,3.4vw,46px); }
.work-art .shape-period { color:var(--orange); }
.work-art .cultura { background:#315879; color:#f3f7f6; }
.work-art .location { background:#8ca8b8; color:#142638; }
.work-art .torslate { background:#d0dfe3; color:#142638; }
.work-art .market { background:#ff914d; color:#142638; }
.work-art .market .shape-period { color:#f3f7f6; }
.work-art .market .shape-name { font-size:clamp(26px,3vw,43px); }
.work-art .art-detail { pointer-events:none; }
.work-art .art-detail--one { background:#587d96; z-index:1; }
.work-art .art-detail--two { background:#385f83; z-index:3; }
.work-art .art-detail--three { background:#a6c2d0; z-index:4; }
/* Tight geometric block, based on the reference's initial interlocking composition. */
.work-art .cultura { --x:0%; --y:0%; --w:23%; --h:50%; --radius:0; }
.work-art .location { --x:23%; --y:0%; --w:29%; --h:50%; --radius:0; }
.work-art .torslate { --x:52%; --y:0%; --w:48%; --h:100%; --radius:0; }
.work-art .market { --x:0%; --y:50%; --w:29%; --h:50%; --radius:0; }
.work-art .art-detail--one { --x:29%; --y:50%; --w:23%; --h:50%; --radius:0; }
.work-art .art-detail--two { --x:75%; --y:50%; --w:25%; --h:50%; --radius:0; }
.work-art .art-detail--three { --x:87%; --y:75%; --w:13%; --h:25%; --radius:0; }
.work-art .torslate .shape-name { transform:translateY(-85px); }
/* A cluster of circles: separate bodies, then overlap at their edges. */
.work-art[data-layout="1"] .cultura { --x:0%; --y:33%; --w:28%; --h:59%; --radius:50%; }
.work-art[data-layout="1"] .location { --x:25%; --y:0%; --w:33%; --h:70%; --radius:50%; }
.work-art[data-layout="1"] .torslate { --x:51%; --y:0%; --w:49%; --h:100%; --radius:50%; }
.work-art[data-layout="1"] .market { --x:0%; --y:0%; --w:26%; --h:48%; --radius:50%; }
.work-art[data-layout="1"] .art-detail--one { --x:28%; --y:68%; --w:18%; --h:36%; --radius:50%; }
.work-art[data-layout="1"] .art-detail--two { --x:73%; --y:56%; --w:27%; --h:44%; --radius:50%; }
.work-art[data-layout="1"] .art-detail--three { --x:87%; --y:78%; --w:13%; --h:24%; --radius:50%; }
.work-art[data-layout="1"] .torslate .shape-name { transform:translateY(-90px); }
/* Staggered vertical pills, with deliberate differences in height and overlap. */
.work-art[data-layout="2"] .cultura { --x:0%; --y:0%; --w:24%; --h:58%; --radius:130px; }
.work-art[data-layout="2"] .location { --x:24%; --y:0%; --w:26%; --h:82%; --radius:140px; }
.work-art[data-layout="2"] .torslate { --x:72%; --y:0%; --w:28%; --h:100%; --radius:160px; }
.work-art[data-layout="2"] .market { --x:0%; --y:55%; --w:24%; --h:45%; --radius:130px; }
.work-art[data-layout="2"] .art-detail--one { --x:51%; --y:31%; --w:21%; --h:69%; --radius:130px; }
.work-art[data-layout="2"] .art-detail--two { --x:60%; --y:49%; --w:12%; --h:28%; --radius:80px; }
.work-art[data-layout="2"] .art-detail--three { --x:51%; --y:0%; --w:21%; --h:32%; --radius:120px; }
.work-art[data-layout="2"] .torslate .shape-name { transform:translateY(0); font-size:clamp(27px,3vw,40px); }
/* Interlocking quarter-circles occupy the same grid as the square composition. */
.work-art[data-layout="3"] .cultura { --x:0%; --y:0%; --w:23%; --h:50%; --radius:0 0 0 100%; }
.work-art[data-layout="3"] .location { --x:23%; --y:0%; --w:29%; --h:50%; --radius:50%; }
.work-art[data-layout="3"] .torslate { --x:52%; --y:0%; --w:48%; --h:100%; --radius:0 52% 0 0; }
.work-art[data-layout="3"] .market { --x:0%; --y:50%; --w:29%; --h:50%; --radius:0 55% 55% 0; }
.work-art[data-layout="3"] .art-detail--one { --x:29%; --y:50%; --w:23%; --h:50%; --radius:0 0 0 100%; }
.work-art[data-layout="3"] .art-detail--two { --x:75%; --y:50%; --w:25%; --h:50%; --radius:80% 0 0 0; }
.work-art[data-layout="3"] .art-detail--three { --x:87%; --y:75%; --w:13%; --h:25%; --radius:100% 0 0 0; }
.work-art[data-layout="3"] .torslate .shape-name { transform:translateY(-85px); }
/* Arches: alternating upright and inverted silhouettes. */
.work-art[data-layout="4"] .cultura { --x:0%; --y:0%; --w:24%; --h:90%; --radius:50% 50% 0 0; }
.work-art[data-layout="4"] .location { --x:25%; --y:22%; --w:24%; --h:78%; --radius:0 0 50% 50%; }
.work-art[data-layout="4"] .torslate { --x:50%; --y:0%; --w:24%; --h:90%; --radius:50% 50% 0 0; }
.work-art[data-layout="4"] .market { --x:75%; --y:22%; --w:25%; --h:78%; --radius:0 0 50% 50%; }
.work-art[data-layout="4"] .art-detail--one { --x:25%; --y:0%; --w:24%; --h:20%; --radius:0 0 100px 100px; }
.work-art[data-layout="4"] .art-detail--two { --x:75%; --y:0%; --w:25%; --h:20%; --radius:100px 100px 0 0; }
.work-art[data-layout="4"] .art-detail--three { --x:0%; --y:93%; --w:74%; --h:7%; --radius:100px; }
/* Four broad petals around a narrow central cross. */
.work-art[data-layout="5"] .cultura { --x:0%; --y:0%; --w:48%; --h:48%; --radius:0 100% 0 100%; }
.work-art[data-layout="5"] .location { --x:52%; --y:0%; --w:48%; --h:48%; --radius:100% 0 100% 0; }
.work-art[data-layout="5"] .torslate { --x:0%; --y:52%; --w:48%; --h:48%; --radius:100% 0 100% 0; }
.work-art[data-layout="5"] .market { --x:52%; --y:52%; --w:48%; --h:48%; --radius:0 100% 0 100%; }
.work-art[data-layout="5"] .art-detail--one { --x:49%; --y:0%; --w:2%; --h:100%; --radius:100px; }
.work-art[data-layout="5"] .art-detail--two { --x:0%; --y:49%; --w:100%; --h:2%; --radius:100px; }
.work-art[data-layout="5"] .art-detail--three { --x:47%; --y:44%; --w:6%; --h:12%; --radius:50%; }
/* Long horizontal ribbons, rather than the original vertical pills. */
.work-art[data-layout="6"] .cultura { --x:0%; --y:0%; --w:86%; --h:23%; --radius:999px; }
.work-art[data-layout="6"] .location { --x:14%; --y:25%; --w:86%; --h:23%; --radius:999px; }
.work-art[data-layout="6"] .torslate { --x:0%; --y:50%; --w:86%; --h:23%; --radius:999px; }
.work-art[data-layout="6"] .market { --x:14%; --y:75%; --w:86%; --h:25%; --radius:999px; }
.work-art[data-layout="6"] .art-detail--one { --x:88%; --y:0%; --w:12%; --h:23%; --radius:50%; }
.work-art[data-layout="6"] .art-detail--two { --x:0%; --y:25%; --w:12%; --h:23%; --radius:50%; }
.work-art[data-layout="6"] .art-detail--three { --x:88%; --y:50%; --w:12%; --h:23%; --radius:50%; }
/* Uneven pebbles with independent horizontal and vertical corner radii. */
.work-art[data-layout="7"] .cultura { --x:0%; --y:0%; --w:27%; --h:60%; --radius:65% 35% 55% 45% / 40% 60% 40% 60%; }
.work-art[data-layout="7"] .location { --x:29%; --y:0%; --w:30%; --h:48%; --radius:35% 65% 30% 70% / 60% 40% 60% 40%; }
.work-art[data-layout="7"] .torslate { --x:61%; --y:0%; --w:39%; --h:100%; --radius:55% 45% 65% 35% / 30% 60% 40% 70%; }
.work-art[data-layout="7"] .market { --x:0%; --y:64%; --w:59%; --h:36%; --radius:25% 75% 35% 65% / 50% 50% 50% 50%; }
.work-art[data-layout="7"] .art-detail--one { --x:29%; --y:50%; --w:14%; --h:12%; --radius:30% 70% 40% 60%; }
.work-art[data-layout="7"] .art-detail--two { --x:45%; --y:50%; --w:14%; --h:12%; --radius:70% 30% 60% 40%; }
.work-art[data-layout="7"] .art-detail--three { --x:0%; --y:61%; --w:26%; --h:2%; --radius:100px; }
/* Pointed lenses alternate direction across the canvas. */
.work-art[data-layout="8"] .cultura { --x:0%; --y:0%; --w:24%; --h:92%; --radius:100% 0 100% 0; }
.work-art[data-layout="8"] .location { --x:25%; --y:8%; --w:24%; --h:92%; --radius:0 100% 0 100%; }
.work-art[data-layout="8"] .torslate { --x:50%; --y:0%; --w:24%; --h:92%; --radius:100% 0 100% 0; }
.work-art[data-layout="8"] .market { --x:75%; --y:8%; --w:25%; --h:92%; --radius:0 100% 0 100%; }
.work-art[data-layout="8"] .art-detail--one { --x:0%; --y:95%; --w:24%; --h:5%; --radius:100px; }
.work-art[data-layout="8"] .art-detail--two { --x:25%; --y:0%; --w:24%; --h:5%; --radius:100px; }
.work-art[data-layout="8"] .art-detail--three { --x:50%; --y:95%; --w:50%; --h:5%; --radius:100px; }
/* Offset dominoes, each with a different rounded end. */
.work-art[data-layout="9"] .cultura { --x:0%; --y:0%; --w:48%; --h:46%; --radius:120px 0 0 120px; }
.work-art[data-layout="9"] .location { --x:50%; --y:0%; --w:50%; --h:46%; --radius:0 120px 120px 0; }
.work-art[data-layout="9"] .torslate { --x:0%; --y:54%; --w:48%; --h:46%; --radius:0 0 120px 0; }
.work-art[data-layout="9"] .market { --x:50%; --y:54%; --w:50%; --h:46%; --radius:120px 0 0 0; }
.work-art[data-layout="9"] .art-detail--one { --x:0%; --y:48%; --w:48%; --h:4%; --radius:0; }
.work-art[data-layout="9"] .art-detail--two { --x:50%; --y:48%; --w:50%; --h:4%; --radius:100px; }
.work-art[data-layout="9"] .art-detail--three { --x:48.5%; --y:0%; --w:1%; --h:100%; --radius:100px; }
/* Broad ellipses frame a pair of smaller oval islands. */
.work-art[data-layout="10"] .cultura { --x:0%; --y:0%; --w:35%; --h:100%; --radius:50%; }
.work-art[data-layout="10"] .location { --x:37%; --y:0%; --w:29%; --h:48%; --radius:50%; }
.work-art[data-layout="10"] .torslate { --x:68%; --y:0%; --w:32%; --h:100%; --radius:50%; }
.work-art[data-layout="10"] .market { --x:37%; --y:52%; --w:29%; --h:48%; --radius:50%; }
.work-art[data-layout="10"] .art-detail--one { --x:37%; --y:49%; --w:29%; --h:2%; --radius:50%; }
.work-art[data-layout="10"] .art-detail--two { --x:0%; --y:0%; --w:8%; --h:16%; --radius:50%; }
.work-art[data-layout="10"] .art-detail--three { --x:92%; --y:84%; --w:8%; --h:16%; --radius:50%; }
/* Two tall totems flank a pair of curved tiles. */
.work-art[data-layout="11"] .cultura { --x:0%; --y:0%; --w:30%; --h:100%; --radius:50% 50% 8px 8px; }
.work-art[data-layout="11"] .location { --x:32%; --y:0%; --w:36%; --h:48%; --radius:0 100px 0 100px; }
.work-art[data-layout="11"] .torslate { --x:32%; --y:52%; --w:36%; --h:48%; --radius:100px 0 100px 0; }
.work-art[data-layout="11"] .market { --x:70%; --y:0%; --w:30%; --h:100%; --radius:8px 8px 50% 50%; }
.work-art[data-layout="11"] .art-detail--one { --x:30.5%; --y:0%; --w:1%; --h:100%; --radius:100px; }
.work-art[data-layout="11"] .art-detail--two { --x:68.5%; --y:0%; --w:1%; --h:100%; --radius:100px; }
.work-art[data-layout="11"] .art-detail--three { --x:32%; --y:49%; --w:36%; --h:2%; --radius:100px; }
.work-art:is([data-layout="4"],[data-layout="5"],[data-layout="6"],[data-layout="7"],[data-layout="8"],[data-layout="9"],[data-layout="10"],[data-layout="11"]) .torslate .shape-name { transform:none; }
.work-art[data-layout="8"] .shape-name { font-size:clamp(25px,2.8vw,38px); }
@media(max-width:768px) {
  .work-art { height:900px; }
  .work-art .project-shape { padding:15px; }
  .work-art .shape-name,.work-art .location .shape-name { font-size:clamp(29px,9vw,40px); }
  .work-art .market .shape-name { font-size:clamp(25px,8vw,36px); }
  .work-art .torslate .shape-name,.work-art[data-layout="1"] .torslate .shape-name,.work-art[data-layout="3"] .torslate .shape-name { transform:none; }
  .work-art .cultura { --x:0%; --y:0%; --w:82%; --h:23%; --radius:110px 110px 10px 10px; }
  .work-art .location { --x:18%; --y:25%; --w:82%; --h:23%; --radius:110px; }
  .work-art .torslate { --x:0%; --y:50%; --w:82%; --h:23%; --radius:10px 110px 10px 110px; }
  .work-art .market { --x:18%; --y:75%; --w:82%; --h:23%; --radius:110px 10px 110px 10px; }
  .work-art .art-detail--one { --x:0%; --y:25%; --w:18%; --h:16%; --radius:50%; }
  .work-art .art-detail--two { --x:82%; --y:50%; --w:18%; --h:16%; --radius:50%; }
  .work-art .art-detail--three { --x:0%; --y:95%; --w:22%; --h:5%; --radius:100px; }
  .work-art[data-layout="1"] .cultura { --x:18%; --y:0%; --w:82%; --h:23%; --radius:110px; }
  .work-art[data-layout="1"] .location { --x:0%; --y:25%; --w:82%; --h:23%; --radius:50%; }
  .work-art[data-layout="1"] .torslate { --x:18%; --y:50%; --w:82%; --h:23%; --radius:110px; }
  .work-art[data-layout="1"] .market { --x:0%; --y:75%; --w:82%; --h:23%; --radius:110px; }
  .work-art[data-layout="1"] .art-detail--one { --x:82%; --y:25%; --w:18%; --h:16%; --radius:50%; }
  .work-art[data-layout="1"] .art-detail--two { --x:0%; --y:50%; --w:18%; --h:16%; --radius:50%; }
  .work-art[data-layout="1"] .art-detail--three { --x:78%; --y:95%; --w:22%; --h:5%; --radius:100px; }
  .work-art[data-layout="2"] .cultura { --x:0%; --y:0%; --w:82%; --h:23%; --radius:110px; }
  .work-art[data-layout="2"] .location { --x:18%; --y:25%; --w:82%; --h:23%; --radius:10px 110px 10px 110px; }
  .work-art[data-layout="2"] .torslate { --x:0%; --y:50%; --w:82%; --h:23%; --radius:110px 110px 10px 10px; }
  .work-art[data-layout="2"] .market { --x:18%; --y:75%; --w:82%; --h:23%; --radius:110px 110px 10px 10px; }
  .work-art[data-layout="2"] .art-detail--one { --x:0%; --y:25%; --w:18%; --h:16%; --radius:50%; }
  .work-art[data-layout="2"] .art-detail--two { --x:82%; --y:50%; --w:18%; --h:16%; --radius:110px; }
  .work-art[data-layout="2"] .art-detail--three { --x:0%; --y:95%; --w:22%; --h:5%; --radius:100px; }
  .work-art[data-layout="3"] .cultura { --x:0%; --y:25%; --w:82%; --h:23%; --radius:0 110px 0 110px; }
  .work-art[data-layout="3"] .location { --x:18%; --y:0%; --w:82%; --h:23%; --radius:50%; }
  .work-art[data-layout="3"] .torslate { --x:18%; --y:50%; --w:82%; --h:23%; --radius:110px 10px 110px 10px; }
  .work-art[data-layout="3"] .market { --x:0%; --y:75%; --w:82%; --h:23%; --radius:0 110px 0 110px; }
  .work-art[data-layout="3"] .art-detail--one { --x:82%; --y:25%; --w:18%; --h:16%; --radius:50%; }
  .work-art[data-layout="3"] .art-detail--two { --x:0%; --y:50%; --w:18%; --h:16%; --radius:110px; }
  .work-art[data-layout="3"] .art-detail--three { --x:78%; --y:95%; --w:22%; --h:5%; --radius:100px; }
  .work-art[data-layout="4"] .cultura { --x:0%; --y:0%; --w:70%; --h:24%; --radius:50% 50% 0 0; }
  .work-art[data-layout="4"] .location { --x:30%; --y:25%; --w:70%; --h:24%; --radius:0 0 50% 50%; }
  .work-art[data-layout="4"] .torslate { --x:0%; --y:50%; --w:70%; --h:24%; --radius:50% 50% 0 0; }
  .work-art[data-layout="4"] .market { --x:30%; --y:75%; --w:70%; --h:24%; --radius:0 0 50% 50%; }
  .work-art[data-layout="4"] .art-detail--one { --x:74%; --y:0%; --w:26%; --h:20%; --radius:50%; }
  .work-art[data-layout="4"] .art-detail--two { --x:0%; --y:27%; --w:26%; --h:20%; --radius:50%; }
  .work-art[data-layout="4"] .art-detail--three { --x:74%; --y:52%; --w:26%; --h:20%; --radius:50%; }
  .work-art[data-layout="5"] .cultura { --x:0%; --y:0%; --w:86%; --h:23%; }
  .work-art[data-layout="5"] .location { --x:14%; --y:25%; --w:86%; --h:23%; }
  .work-art[data-layout="5"] .torslate { --x:0%; --y:50%; --w:86%; --h:23%; }
  .work-art[data-layout="5"] .market { --x:14%; --y:75%; --w:86%; --h:23%; }
  .work-art[data-layout="5"] .art-detail--one { --x:88%; --y:0%; --w:12%; --h:22%; --radius:100% 0 100% 0; }
  .work-art[data-layout="5"] .art-detail--two { --x:0%; --y:25%; --w:12%; --h:22%; --radius:0 100% 0 100%; }
  .work-art[data-layout="5"] .art-detail--three { --x:88%; --y:50%; --w:12%; --h:22%; --radius:100% 0 100% 0; }
  .work-art[data-layout="6"] .cultura { --x:0%; --y:0%; --w:100%; --h:18%; }
  .work-art[data-layout="6"] .location { --x:0%; --y:25%; --w:100%; --h:18%; }
  .work-art[data-layout="6"] .torslate { --x:0%; --y:50%; --w:100%; --h:18%; }
  .work-art[data-layout="6"] .market { --x:0%; --y:75%; --w:100%; --h:18%; }
  .work-art[data-layout="6"] .art-detail--one { --x:0%; --y:20%; --w:60%; --h:3%; --radius:100px; }
  .work-art[data-layout="6"] .art-detail--two { --x:40%; --y:45%; --w:60%; --h:3%; --radius:100px; }
  .work-art[data-layout="6"] .art-detail--three { --x:0%; --y:70%; --w:60%; --h:3%; --radius:100px; }
  .work-art[data-layout="7"] .cultura { --x:0%; --y:0%; --w:82%; --h:22%; }
  .work-art[data-layout="7"] .location { --x:18%; --y:26%; --w:82%; --h:22%; }
  .work-art[data-layout="7"] .torslate { --x:0%; --y:52%; --w:82%; --h:22%; }
  .work-art[data-layout="7"] .market { --x:18%; --y:78%; --w:82%; --h:22%; }
  .work-art[data-layout="7"] .art-detail--one { --x:84%; --y:0%; --w:16%; --h:20%; --radius:35% 65% 30% 70%; }
  .work-art[data-layout="7"] .art-detail--two { --x:0%; --y:28%; --w:16%; --h:20%; --radius:65% 35% 70% 30%; }
  .work-art[data-layout="7"] .art-detail--three { --x:84%; --y:54%; --w:16%; --h:20%; --radius:35% 65% 30% 70%; }
  .work-art[data-layout="8"] .cultura { --x:6%; --y:0%; --w:88%; --h:24%; }
  .work-art[data-layout="8"] .location { --x:6%; --y:25%; --w:88%; --h:24%; }
  .work-art[data-layout="8"] .torslate { --x:6%; --y:50%; --w:88%; --h:24%; }
  .work-art[data-layout="8"] .market { --x:6%; --y:75%; --w:88%; --h:24%; }
  .work-art[data-layout="8"] .art-detail--one { --x:0%; --y:0%; --w:3%; --h:24%; --radius:100px; }
  .work-art[data-layout="8"] .art-detail--two { --x:97%; --y:25%; --w:3%; --h:24%; --radius:100px; }
  .work-art[data-layout="8"] .art-detail--three { --x:0%; --y:50%; --w:3%; --h:49%; --radius:100px; }
  .work-art[data-layout="9"] .cultura { --x:0%; --y:0%; --w:90%; --h:22%; }
  .work-art[data-layout="9"] .location { --x:10%; --y:26%; --w:90%; --h:22%; }
  .work-art[data-layout="9"] .torslate { --x:0%; --y:52%; --w:90%; --h:22%; }
  .work-art[data-layout="9"] .market { --x:10%; --y:78%; --w:90%; --h:22%; }
  .work-art[data-layout="9"] .art-detail--one { --x:0%; --y:23%; --w:100%; --h:2%; --radius:100px; }
  .work-art[data-layout="9"] .art-detail--two { --x:0%; --y:49%; --w:100%; --h:2%; --radius:0; }
  .work-art[data-layout="9"] .art-detail--three { --x:0%; --y:75%; --w:100%; --h:2%; --radius:100px; }
  .work-art[data-layout="10"] .cultura { --x:6%; --y:0%; --w:88%; --h:22%; }
  .work-art[data-layout="10"] .location { --x:0%; --y:26%; --w:100%; --h:22%; }
  .work-art[data-layout="10"] .torslate { --x:6%; --y:52%; --w:88%; --h:22%; }
  .work-art[data-layout="10"] .market { --x:0%; --y:78%; --w:100%; --h:22%; }
  .work-art[data-layout="10"] .art-detail--one { --x:20%; --y:23%; --w:60%; --h:2%; --radius:50%; }
  .work-art[data-layout="10"] .art-detail--two { --x:20%; --y:49%; --w:60%; --h:2%; --radius:50%; }
  .work-art[data-layout="10"] .art-detail--three { --x:20%; --y:75%; --w:60%; --h:2%; --radius:50%; }
  .work-art[data-layout="11"] .cultura { --x:18%; --y:0%; --w:82%; --h:23%; }
  .work-art[data-layout="11"] .location { --x:0%; --y:25%; --w:82%; --h:23%; }
  .work-art[data-layout="11"] .torslate { --x:18%; --y:50%; --w:82%; --h:23%; }
  .work-art[data-layout="11"] .market { --x:0%; --y:75%; --w:82%; --h:23%; }
  .work-art[data-layout="11"] .art-detail--one { --x:0%; --y:0%; --w:14%; --h:23%; --radius:100px 100px 0 0; }
  .work-art[data-layout="11"] .art-detail--two { --x:86%; --y:25%; --w:14%; --h:23%; --radius:0 0 100px 100px; }
  .work-art[data-layout="11"] .art-detail--three { --x:0%; --y:50%; --w:14%; --h:23%; --radius:100px 100px 0 0; }
}
@media(prefers-reduced-motion:reduce) { .work-art > *,.work-art .project-shape,.work-art .shape-name { transition:none; } }