@keyframes city-rise{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}@keyframes city-parallax-y{0%{transform:translate3d(0,var(--city-parallax-from,-10%),0)}to{transform:translate3d(0,var(--city-parallax-to,10%),0)}}@keyframes city-drift-x{0%{transform:translate3d(var(--city-drift-from,8%),0,0)}to{transform:translate3d(var(--city-drift-to,-28%),0,0)}}@keyframes city-hero-exit{to{opacity:.15;transform:translate3d(0,35%,0)}}@keyframes city-carousel-focus{entry 0%{opacity:.45;transform:scale(.9)}entry 100%,exit 0%{opacity:1;transform:none}exit 100%{opacity:.45;transform:scale(.9)}}@keyframes city-line-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.city-rise{animation:city-rise cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry var(--rise-delay,0) entry calc(75% + var(--rise-delay, 0%))}.city-parallax-media{animation:city-parallax-y linear both;animation-timeline:var(--city-parallax-timeline,view());animation-range:cover;will-change:transform}.city-moods-timeline{view-timeline:--city-moods block}.city-moods-timeline .city-parallax-media{--city-parallax-timeline:--city-moods}.city-mood-tile{animation:city-rise cubic-bezier(.22,1,.36,1) both;animation-timeline:--city-moods;animation-range:entry calc(20% + var(--rise-delay, 0%)) entry calc(60% + var(--rise-delay, 0%))}@media (min-width:768px){.city-mood-tile{animation-range:entry calc(20% + var(--rise-delay-md, 0%)) entry calc(65% + var(--rise-delay-md, 0%))}}.city-drift{animation:city-drift-x linear both;animation-timeline:view();animation-range:cover}.city-hero-exit{animation:city-hero-exit linear both;animation-timeline:view();animation-range:exit 0 exit 100%}.city-carousel-item{animation:city-carousel-focus linear both;animation-timeline:view(inline)}.city-line-draw{animation:city-line-draw cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 0 cover 40%}}}