.brand-art {
  margin: 0;
  position: relative;
  padding: 10px;
  background: linear-gradient(145deg, rgba(245,158,11,.18), rgba(83,185,203,.05));
  border: 1px solid #263b41;
  box-shadow: 0 30px 80px rgba(0,0,0,.42);
  transform: none;
}

.brand-art::before,
.brand-art::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 3px;
  background: var(--red);
}

.brand-art::before { left: -2px; top: 16%; }
.brand-art::after { right: -2px; bottom: 18%; }
.brand-art img { display: block; width: 100%; height: auto; }
.brand-art figcaption {
  padding: 12px 7px 3px;
  color: #708489;
  font: 700 8px/1 monospace;
  letter-spacing: .14em;
}
.brand-art figcaption i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8fcf56;
  box-shadow: 0 0 8px #8fcf56;
  margin-right: 8px;
}

@media (max-width: 800px) {
  .brand-art { order: -1; margin-bottom: 8px; }
}