.city-illustration{display:block;width:100%;height:auto;overflow:hidden;background:#f5f0e5;isolation:isolate}.city-illustration .ci-ferry{animation:ci-ferry-voyage 4.5s cubic-bezier(.25,.35,.5,1) both;transform-box:view-box}.city-illustration .ci-tram{animation:ci-tram-journey 4.5s cubic-bezier(.25,.35,.5,1) both;transform-box:view-box}.city-illustration .ci-route{animation:ci-route-arrive 2s ease-out both}.city-illustration.ci-paused *{animation-play-state:paused!important}@keyframes ci-ferry-voyage{0%{transform:translateX(-110px)}to{transform:translateX(35px)}}@keyframes ci-tram-journey{0%{transform:translate(12px,442px)}to{transform:translate(80px,442px)}}@keyframes ci-route-arrive{0%{opacity:0;stroke-dashoffset:40}to{opacity:1;stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.city-illustration *{animation:none!important}}