.card-art {
  position: relative;
  isolation: isolate;
  color: var(--ink);
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 9px #fff;
}
.card-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--card-image) var(--card-position, center) / cover no-repeat;
  opacity: .28;
  pointer-events: none;
}
.card-art p, .card-art li,
.card-art .rate-label, .card-art .rate-split span,
.band.dark .card-art p, .band.dark .card-art li {
  color: #343430;
}
.card-art .button { text-shadow: none; }
.card-art-subtle::before { opacity: .14; }
.contact-aside.card-art { background-color: var(--surface); }
.contact-aside.card-art .eyebrow { color: var(--ink); }
.art-puhdistus { --card-image: url("cards/puhdistus-v1.webp"); }
.art-laitehuolto { --card-image: url("cards/laitehuolto-v1.webp"); }
.art-pienkone { --card-image: url("cards/pienkone-v1.webp"); }
.art-perushuolto { --card-image: url("cards/perushuolto-v1.webp"); }
.art-pyorat { --card-image: url("cards/pyorat-v1.webp"); }
.art-varustelu { --card-image: url("cards/varustelu-v1.webp"); }
.art-nouto { --card-image: url("cards/nouto-v1.webp"); }
.art-tyopiste { --card-image: url("cards/tyopiste-v1.webp"); }
.art-yhteydenotto { --card-image: url("cards/yhteydenotto-v1.webp"); }
@media print {
  .card-art, .card-art * { text-shadow: none; }
  .card-art::before { display: none; }
}