/* Original digital studies, distributed through the existing editorial sections. */
.digital-art {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  background-color:#0a0e11;
}
.digital-art canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.art-parallel {
  height:clamp(350px,34vw,440px);
  margin:0 0 30px;
  border-block:1px solid #293b40;
}
.art-toolbar {
  position:absolute;
  z-index:1;
  top:20px;
  left:22px;
  right:22px;
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:18px;
  font-size:12px;
  letter-spacing:.055em;
  color:#89a7ab;
}
.art-toolbar small {
  display:block;
  font-size:12px;
  margin-top:10px;
  color:#577579;
}
.art-project-labels {
  position:absolute;
  left:0;
  right:0;
  bottom:46px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0 4%;
  font-size:12px;
  color:#91aebe;
  text-align:center;
}
.art-project-labels>span:nth-child(2) { color:#98c5af; }
.art-project-labels>span:nth-child(3) { color:#c19b80; }
.art-motion {
  position:absolute;
  z-index:1;
  bottom:9px;
  right:22px;
}
.art-motion .motion-toggle { font-size:12px; padding:5px 0; }
.art-orbit {
  height:320px;
  max-width:510px;
  margin-top:30px;
  background-color:transparent;
}
.art-annotation {
  position:absolute;
  left:0;
  top:10px;
  color:#7a939e;
  font-size:12px;
  letter-spacing:.045em;
}
.art-orbit figcaption {
  position:absolute;
  left:0;
  right:0;
  bottom:6px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#a19384;
  font-size:12px;
}
.art-signal {
  height:230px;
  margin-top:50px;
  background-color:transparent;
  border-block:1px solid #648d81;
}
.art-signal .art-annotation { top:16px; color:#355e53; }
.art-signal figcaption {
  position:absolute;
  bottom:13px;
  left:0;
  right:0;
  display:flex;
  justify-content:space-between;
  gap:18px;
  font-size:12px;
  color:#355e53;
}
@media(max-width:700px) {
  .art-parallel { height:310px; margin-bottom:24px; }
  .art-toolbar { top:15px; left:12px; right:12px; gap:10px; }
  .art-toolbar>span { max-width:90px; font-size:12px; line-height:1.6; }
  .art-toolbar small { display:none; }
  .art-project-labels { gap:10px; padding:0 12px; bottom:43px; font-size:12px; line-height:1.5; }
  .art-motion { right:12px; bottom:7px; }
  .art-orbit { height:280px; margin:25px auto 0; width:100%; }
  .art-signal { height:200px; margin-top:35px; }
  .art-signal figcaption span:last-child { display:none; }
}