/* Content remains visible without JavaScript; animations are finite. */
html { scroll-behavior: smooth; }
.motion-enhanced #hero-title > .motion-hero-part { display: inline-block; }
.motion-enhanced .route-graphic b { transform-origin: left center; }
.motion-enhanced .delivery-steps li { position: relative; }
.motion-enhanced .step-number { display: inline-block; transform-origin: center; }
.motion-enhanced .delivery-steps li::before {
  content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 1px;
  background: #7e8d31; transform: scaleX(0); transform-origin: left center; pointer-events: none;
}
.motion-enhanced .motion-step-active::before { animation: motion-step-line 900ms cubic-bezier(.2,.65,.25,1) both; }
@keyframes motion-step-line {
  from { transform: scaleX(0); opacity: .3; }
  70%, to { transform: scaleX(1); opacity: 1; }
}
.motion-enhanced .button {
  transition: background 180ms ease, color 180ms ease,
    transform 220ms cubic-bezier(.2,.65,.25,1), box-shadow 180ms ease;
}
.motion-enhanced .button:active { transform: translateY(0) scale(.985); }
.motion-enhanced .text-link span[aria-hidden],
.motion-enhanced .contact-text-cta span[aria-hidden] { transition: transform 220ms cubic-bezier(.2,.65,.25,1); }
.motion-enhanced .header-cta,
.motion-enhanced .passport-link,
.motion-enhanced .gallery-navigation button {
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.motion-enhanced .gallery-navigation button:active { transform: scale(.96); }
.motion-enhanced .operation-photo img,
.motion-enhanced .about-photo img { transition: transform 650ms cubic-bezier(.2,.65,.25,1); }
.motion-enhanced .mobile-nav:not([hidden]) { animation: motion-menu 280ms cubic-bezier(.2,.65,.25,1) both; }
@keyframes motion-menu {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (hover: hover) and (pointer: fine) {
  .motion-enhanced .text-link:hover span[aria-hidden],
  .motion-enhanced .text-link:focus-visible span[aria-hidden],
  .motion-enhanced .contact-text-cta:hover span[aria-hidden],
  .motion-enhanced .contact-text-cta:focus-visible span[aria-hidden] { transform: translate(2px,-2px); }
  .motion-enhanced .operation-photo button:hover img,
  .motion-enhanced .operation-photo button:focus-visible img,
  .motion-enhanced .about-photo:hover img { transform: scale(1.035); }
}
@media print {
  .motion-hero-part { opacity: 1 !important; transform: none !important; }
}