/* Decorative motion keeps the existing layout and golden brush shapes. */
.page-home { --gold-orb-travel: 25px; --gold-orb-turn: 100deg; }
.page-home .home-gold-sphere { background: none; box-shadow: none; }
.page-home #ankommen::before { content: none; }
.page-home .home-gold-sphere-arrival {
  position: absolute;
  top: 24px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}
.page-home .gold-sphere-surface {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: radial-gradient(circle at 30% 28%, #fff1b3 0%, #e6c878 18%, #c49a45 45%, #a77926 78%, #7c571e 100%);
  box-shadow: inset -1px -2px 3px #67421226, 0 2px 3px #a77d2220;
}
.page-home .gold-sphere-surface::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 25%, #fff8d959 48%, transparent 65%);
  opacity: 0;
}
.page-home .gold-motion-sphere.gold-motion-play .gold-sphere-surface {
  animation: gold-sphere-roll 3s cubic-bezier(.45, 0, .25, 1) both;
}
.page-home .gold-motion-sphere.gold-motion-play .gold-sphere-surface::after {
  animation: gold-sphere-glimmer 3s ease-in-out both;
}
@keyframes gold-sphere-roll {
  0%, 100% { transform: translateX(0) rotate(0); }
  20% { transform: translateX(calc(-1 * var(--gold-orb-travel))) rotate(calc(-1 * var(--gold-orb-turn))); }
  68% { transform: translateX(var(--gold-orb-travel)) rotate(var(--gold-orb-turn)); }
}
@keyframes gold-sphere-glimmer {
  0%, 100% { opacity: 0; }
  45% { opacity: .55; }
}

.page-home .facts::after,
.page-home .home-services::before,
.page-home .home-services::after { display: none; }
.page-home .gold-motion-line { height: 5px; line-height: 0; pointer-events: none; }
.page-home .gold-line-reveal { display: block; height: 100%; }
.page-home .home-gold-divider-stroke {
  background: none;
  border-radius: 0;
  transform: none;
  clip-path: none;
}
.page-home .gold-line-surface {
  display: block;
  width: 100%;
  height: 100%;
  background: #b88e43;
  border-radius: 80% 15% 75% 20%;
  transform: rotate(-.35deg);
  clip-path: polygon(0 45%, 99% 0, 100% 45%, 1% 100%);
}
.page-home .facts-gold-line { flex-basis: 100%; grid-column: 1 / -1; width: 100%; }
.page-home .service-gold-line-before { margin-bottom: 28px; }
.page-home .service-gold-line-after { margin-top: 28px; }
.page-home .gold-motion-line.gold-motion-pending > .gold-line-reveal { clip-path: inset(-12px 100% -12px 0); }
.page-home .gold-motion-line.gold-motion-play > .gold-line-reveal { animation: gold-line-draw .85s ease-out both; }
.page-home .gold-motion-play.gold-motion-paused .gold-sphere-surface,
.page-home .gold-motion-play.gold-motion-paused .gold-sphere-surface::after,
.page-home .gold-motion-play.gold-motion-paused > .gold-line-reveal { animation-play-state: paused; }
@keyframes gold-line-draw {
  from { clip-path: inset(-12px 100% -12px 0); }
  to { clip-path: inset(-12px -12px -12px 0); }
}

@media (max-width: 700px) {
  .page-home { --gold-orb-travel: 12px; --gold-orb-turn: 60deg; }
  .page-home .home-gold-sphere-arrival { top: 20px; }
  .page-home .gold-motion-line { height: 4px; }
  .page-home .gold-line-surface { transform: rotate(-.5deg); }
  .page-home .facts-gold-line { margin-top: 5px; }
  .page-home .service-gold-line-before { margin-bottom: 24px; }
  .page-home .service-gold-line-after { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .page-home .gold-line-reveal { animation: none !important; clip-path: none !important; }
  .page-home .gold-sphere-surface { animation: none !important; transform: none !important; }
  .page-home .gold-sphere-surface::after { animation: none !important; opacity: 0 !important; }
}
@media print {
  .page-home .gold-line-reveal { animation: none !important; clip-path: none !important; }
  .page-home .gold-sphere-surface { animation: none !important; transform: none !important; }
}