/* v22.17: colour on key homepage headings, inspired by the supplied reference.
   Only paint changes; no animated size, position or font metrics. */
.technical-design .ka-spectrum { color: #16324f; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .technical-design .ka-spectrum {
    background-image: linear-gradient(110deg, #16324f 0%, #006cae 28%, #6341a3 55%, #ac2c75 75%, #16324f 100%);
    background-size: 160% 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: ka-spectrum-sweep 6s ease-in-out 1;
  }
  .technical-design .ka-spectrum span { color: inherit; }
}
@keyframes ka-spectrum-sweep {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 25% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .technical-design .ka-spectrum { animation: none; }
}
@media (forced-colors: active) {
  .technical-design .ka-spectrum,
  .technical-design .ka-spectrum span {
    background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; animation: none;
  }
}
@media print {
  .technical-design .ka-spectrum,
  .technical-design .ka-spectrum span {
    background: none; color: #16324f; -webkit-text-fill-color: #16324f; animation: none;
  }
}

/* v22.19: extend only the Polish hero paint area below the ogonek.
   Compensate with margin so the following paragraph stays in place. */
html[lang="pl"] .home-page.technical-design .hero-v22 h1.ka-spectrum {
  padding-bottom: .2em;
  margin-bottom: -.2em;
}