.contact-motif { --motif-x: 0px; --motif-y: 0px; width: 100%; max-width: 570px; margin: 16px 0 24px; }
.contact-motif svg { display: block; width: 100%; height: auto; }
.contact-motif #contact-forest, .contact-motif #contact-clay { transition: transform 800ms ease-out; }
.contact-motif #contact-forest { transform: translate(var(--motif-x), var(--motif-y)); }
.contact-motif #contact-clay { transform: translate(calc(-1 * var(--motif-x)), calc(-1 * var(--motif-y))); }
.work-section-heading .contact-motif { margin: 10px 0 -30px; }
.kontakt-hero-side .contact-motif { margin: -20px 0 18px; }
.kontakt-hero-side { background: var(--paper-deep); }
@media (max-width: 820px) {
  .work-section-heading .contact-motif { max-width: 470px; margin-inline: auto; }
  .kontakt-hero-side .contact-motif { max-width: 430px; margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-motif #contact-forest, .contact-motif #contact-clay { transition: none; transform: none; }
}