.city-modal-overlay{z-index:2000;cursor:pointer;position:fixed;inset:0}.city-modal-panel{background:#0b0b0b;height:0;transition:height .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;overflow:hidden}.city-modal-panel.visible{height:100%;transition:height .6s cubic-bezier(.16,1,.3,1)}.city-modal-close{color:#fffc;cursor:pointer;z-index:9999;opacity:0;pointer-events:auto;background:0 0;border:1px solid #fff3;border-radius:50%;width:48px;height:48px;font-size:20px;transition:all .3s;position:fixed;top:24px;right:40px;transform:scale(.8)}.city-modal-close.visible{opacity:1;transform:scale(1)}.city-modal-close.closing{opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:scale(.8)}.city-modal-close:hover{background:#ffffff1a;border-color:#fff6}.city-modal-content{box-sizing:border-box;cursor:default;opacity:1;width:100%;height:100%;padding:80px 40px 40px;transition:opacity .45s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.city-modal-content.closing{opacity:0}.city-modal-titles{pointer-events:none;z-index:3;position:absolute;inset:0}.city-modal-title{letter-spacing:-.04em;color:#fff;opacity:0;font-family:Helvetica Now Display,sans-serif;font-size:clamp(80px,15vw,210px);font-weight:400;line-height:.77em;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(60px)}.city-modal-title.visible{opacity:1;transform:translateY(0)}.city-modal-title:first-child{top:20px;left:40px}.city-modal-title:nth-child(2){top:20px;right:40px}.city-modal-title:nth-child(3){bottom:80px;left:40px}.city-modal-title:nth-child(4){bottom:80px;right:40px}.city-modal-description{max-width:500px;font-family:var(--font-gochi-hand), "Gochi Hand", cursive;letter-spacing:-.01em;color:#c9c9c9;text-align:left;opacity:0;z-index:4;font-size:18px;line-height:1.5em;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:100px;left:0;transform:translateY(30px)}.city-modal-description.visible{opacity:1;color:#fff;transform:translateY(0)}.city-modal-carousel{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;position:absolute;inset:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.city-modal-carousel{cursor:none}}.city-modal-carousel-blur{pointer-events:none;filter:blur(10px);position:absolute;inset:0;overflow:hidden;transform:scale(1.06)}.city-modal-carousel-sharp{pointer-events:none;-webkit-mask-mode:alpha;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(62% 62%,#000 0% 22%,#000000d9 38%,#00000080 52%,#0003 65%,#0000 78%);mask-image:radial-gradient(62% 62%,#000 0% 22%,#000000d9 38%,#00000080 52%,#0003 65%,#0000 78%);-webkit-mask-source-type:alpha;mask-mode:alpha}.city-modal-random-track{will-change:transform;height:100%;transform:translate3d(calc(-1px * var(--rs-offset-x,0)), calc(-1px * var(--rs-offset-y,0)), 0);position:relative}.city-modal-random-item{opacity:0;transform-origin:50%;will-change:transform, opacity;pointer-events:auto;--rs-intro-y:18px;transform:translate3d(calc(var(--rs-offset-x,0) * 1px * var(--rs-parallax,0)), calc(var(--rs-offset-y,0) * 1px * var(--rs-parallax,0)), 0) translateY(var(--rs-intro-y)) rotate(var(--rs-rot,0deg));border-radius:10px;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1),box-shadow .5s 50ms;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0000002e,0 24px 64px #0000001f}.city-modal-random-item.visible{opacity:1;--rs-intro-y:0px;transform:translate3d(calc(var(--rs-offset-x,0) * 1px * var(--rs-parallax,0)), calc(var(--rs-offset-y,0) * 1px * var(--rs-parallax,0)), 0) translateY(var(--rs-intro-y)) rotate(var(--rs-rot,0deg))}.city-modal-carousel.dragging .city-modal-random-track{transition:transform 60ms ease-out}.city-modal-carousel.dragging .city-modal-random-item{transition:opacity .6s,transform 60ms ease-out}.city-modal-carousel.momentum .city-modal-random-track{transition:transform linear}.city-modal-carousel.momentum .city-modal-random-item{transition:opacity .6s,transform linear}.city-modal-random-item img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block;transform:scale(1)}.city-modal-random-item:hover{transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1),box-shadow .5s 80ms;box-shadow:0 12px 40px #00000038,0 32px 80px #00000029;z-index:10!important}.city-modal-random-item:hover img{transition:transform .6s cubic-bezier(.16,1,.3,1) 50ms;transform:scale(1.08)}.city-modal-dragme{color:#0b0b0b;pointer-events:none;z-index:6;opacity:0;filter:blur(10px);background:#fff;border-radius:60px;width:116px;height:116px;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1);position:fixed;transform:translate(-50%,-120%)scale(.7)}@media (pointer:coarse),(hover:none){.city-modal-dragme{display:none!important}}@media (hover:hover) and (pointer:fine){.city-modal-dragme.visible{opacity:1;filter:blur();transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .3s cubic-bezier(.16,1,.3,1);animation:3.2s ease-in-out 1s infinite dragMePulse;transform:translate(-50%,-120%)scale(1)}.city-modal-dragme.visible.dragging{transition:transform .15s cubic-bezier(.16,1,.3,1);animation:none;transform:translate(-50%,-120%)scale(.92)}}.city-modal-dragme-inner{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.city-modal-dragme-text{letter-spacing:-.02em;text-align:center;opacity:0;font-family:Helvetica Now Display,sans-serif;font-size:20px;font-weight:500;line-height:.95em;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(12px)}.city-modal-dragme.visible .city-modal-dragme-text{opacity:1;transform:translateY(0)}.city-modal-dragme.visible .city-modal-dragme-text:first-child{transition-delay:.7s}.city-modal-dragme.visible .city-modal-dragme-text:nth-child(2){transition-delay:.9s}@keyframes dragMePulse{0%{transform:translate(-50%,-120%)scale(1)}50%{transform:translate(-50%,-120%)scale(1.02)}to{transform:translate(-50%,-120%)scale(1)}}@media (max-width:768px){.city-modal-content{padding:60px 20px 20px}.city-modal-close{width:40px;height:40px;font-size:16px;top:16px;right:16px}.city-modal-title{font-size:clamp(40px,12vw,80px)}.city-modal-title:first-child{top:60px;left:20px}.city-modal-title:nth-child(2){font-size:clamp(30px,10vw,60px);top:60px;right:20px}.city-modal-title:nth-child(3){bottom:100px;left:20px}.city-modal-title:nth-child(4){bottom:100px;right:20px}.city-modal-description{width:90%;max-width:280px;font-size:14px;top:auto;bottom:40px;left:50%;transform:translate(-50%)translateY(30px)}.city-modal-description.visible{transform:translate(-50%)translateY(0)}.city-modal-carousel{height:auto}.city-modal-random-item{border-radius:8px}}