/* Shape-based ornaments stay identical on systems that render Unicode symbols as emoji. */
.wordmark-play,
.button-play,
.feed-placeholder > span {
  display: inline-block;
  flex: none;
  font-size: 0 !important;
  background: currentColor;
  clip-path: polygon(5% 0, 100% 50%, 5% 100%);
}
.wordmark-play { width: 16px; height: 16px; }
.button-play { width: 11px; height: 11px; }
.feed-placeholder > span { width: 30px; height: 30px; }

.hello-mark,
.contact-chat-bubble .contact-wave {
  display: inline-block;
  flex: none;
  width: 29px;
  height: 29px;
  font-size: 0;
  background: currentColor;
  -webkit-mask: url('assets/icons/spark.svg') center / contain no-repeat;
  mask: url('assets/icons/spark.svg') center / contain no-repeat;
}
.portrait-spark { font-size: 0; }
.portrait-spark::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask: url('assets/icons/spark.svg') center / 86% no-repeat;
  mask: url('assets/icons/spark.svg') center / 86% no-repeat;
}
.experience-brands h2::after {
  content: '';
  width: 40px;
  height: 40px;
  background: currentColor;
  -webkit-mask: url('assets/icons/spark.svg') center / contain no-repeat;
  mask: url('assets/icons/spark.svg') center / contain no-repeat;
}
.qualification-card::after {
  content: '';
  background: url('assets/icons/spark-purple.svg') center / 26px 26px no-repeat;
}
.workshop-grid article:nth-child(2) .workshop-icon::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: currentColor;
  clip-path: polygon(5% 0, 100% 50%, 5% 100%);
}
.workshop-grid article:nth-child(2) .workshop-icon { font-size: 0; }
@media (max-width: 760px) {
  .experience-brands h2::after { width: 28px; height: 28px; }
  .qualification-card::after { background-size: 22px 22px; }
}