.landing-scene{z-index:-3;pointer-events:none;--look-x:0px;--look-y:0px;position:absolute;inset:0;overflow:hidden}.city-frame{width:max(100vw,177.778svh);height:max(100svh,56.25vw);transform:translate(-50%, -50%) translate3d(calc(var(--look-x) * -.35), calc(var(--look-y) * -.35), 0);position:absolute;top:50%;left:50%}.city-camera{transform-origin:51% 68.8%;will-change:transform;animation:18s cubic-bezier(.37,0,.63,1) -4.5s infinite alternate city-camera-approach;position:absolute;inset:-1px}.city-skyline,.city-neon{background-image:-webkit-image-set(url(/city-night-detail-qhd-v2.webp) 1x,url(/city-night-detail-4k-v2.webp) 2x);background-image:image-set("/city-night-detail-qhd-v2.webp" 1x,"/city-night-detail-4k-v2.webp" 2x);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.city-neon,.city-neon-dimmer{width:20%;height:12%;inset:17% auto auto 44%;-webkit-mask-image:radial-gradient(42% 47%,#000 35%,#0000 100%);mask-image:radial-gradient(42% 47%,#000 35%,#0000 100%)}.city-neon{mix-blend-mode:screen;filter:brightness(2.1)saturate(1.2);background-position:55% 19.3182%;background-size:500% 833.333%;animation:7.6s linear infinite city-neon-flicker}.city-neon:after{content:"";background:inherit;filter:blur(3px)brightness(1.6);opacity:.65;position:absolute;inset:0}.city-neon-dimmer{background:#030307;animation:7.6s linear infinite city-neon-dim;position:absolute}.city-steam{position:absolute;inset:0}.steam-source{left:var(--steam-x);top:var(--steam-y);width:var(--steam-width);aspect-ratio:2/3;position:absolute;transform:translate(-50%,-100%)}.steam-source i{opacity:0;transform-origin:50% 95%;animation:city-steam-rise var(--steam-duration) linear infinite;animation-delay:var(--steam-phase);will-change:transform, opacity;background:url(/city-steam-v1.webp) bottom/contain no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 62%,#000d 76%,#0006 90%,#0000 98% 100%);mask-image:linear-gradient(#000 0% 62%,#000d 76%,#0006 90%,#0000 98% 100%)}.steam-source i+i{animation-delay:calc(var(--steam-phase) - var(--steam-duration) / 2)}.steam-source-left{--steam-x:24%;--steam-y:70%;--steam-width:15%;--steam-duration:14s;--steam-phase:-5s;--steam-opacity:.24;--steam-drift:-12%}.steam-source-center{--steam-x:43%;--steam-y:66%;--steam-width:8%;--steam-duration:11s;--steam-phase:-4s;--steam-opacity:.22;--steam-drift:-10%}.steam-source-right{--steam-x:62%;--steam-y:66%;--steam-width:11%;--steam-duration:16s;--steam-phase:-9s;--steam-opacity:.27;--steam-drift:15%}.steam-source-far{--steam-x:54%;--steam-y:66%;--steam-width:4%;--steam-duration:10s;--steam-phase:-2s;--steam-opacity:.15;--steam-drift:8%}.city-mist{background:radial-gradient(25% 7% at 32% 44%,#cad1dc10,#0000),radial-gradient(22% 8% at 76% 25%,#d0d3da0a,#0000);animation:29s ease-in-out infinite alternate city-mist-drift;position:absolute;inset:38% -15% -5%}.city-weather{width:100%;height:100%;position:absolute;inset:0}.landing-scene[data-hidden=true] *{animation-play-state:paused}@keyframes city-camera-approach{0%{transform:scale(1.005)}to{transform:scale(1.2)}}@keyframes city-neon-flicker{0%,24%,30%,54%,66%,to{opacity:.34}25%,56.6%,85%{opacity:.78}25.8%,56%{opacity:.04}26.4%,58%,90%{opacity:.62}27%{opacity:.1}28%,60%{opacity:.5}}@keyframes city-neon-dim{0%,25%,26.4%,28%,54%,56.6%,to{opacity:0}25.8%,56%{opacity:.45}27%{opacity:.3}}@keyframes city-steam-rise{0%{opacity:0;transform:translateY(8%)scale(.65)}20%{opacity:var(--steam-opacity)}55%{opacity:var(--steam-opacity)}to{opacity:0;transform:translate3d(var(--steam-drift), -38%, 0) scale(1.35)}}@keyframes city-mist-drift{0%{opacity:.5;transform:translate(-2%)}to{opacity:.9;transform:translate(2%,-1%)}}@media (width>=1700px){.city-skyline,.city-neon{background-image:url(/city-night-detail-4k-v2.webp)}}@keyframes city-camera-approach-mobile{0%{transform:scale(1.005)}to{transform:scale(1.18)}}@media (width<=600px),(pointer:coarse){.city-camera{animation-name:city-camera-approach-mobile;animation-duration:16s;animation-delay:-4s}.city-mist{display:none}}@media (width<=600px) and (orientation:portrait){.city-frame{width:max(100vw,163.556svh);height:max(92svh,56.25vw);-webkit-mask-image:linear-gradient(#0000,#000 4% 95%,#0000);mask-image:linear-gradient(#0000,#000 4% 95%,#0000)}}img.city-skyline{object-fit:fill;background-image:none;width:100%;height:100%;display:block}