.city-sec{background:linear-gradient(104deg,#e8e4dc 0%,#ded9d0 50%,#cbc5bb 100%);height:100svh;min-height:620px;max-height:1240px;position:relative;overflow:hidden}.city-sec.is-night{background:#141a22}.city-sec .city-vp{inset:var(--hdr,68px) 0 0 0;justify-content:center;align-items:flex-end;display:flex;position:absolute;overflow:hidden}.city-sec .city{width:min(100vw,calc((100svh - var(--hdr,68px)) * 1.7917))}.city-sec.is-exploring [data-hide-on-explore]{opacity:0;pointer-events:none;transform:translateY(24px)}.city-band{background:linear-gradient(104deg,#e8e4dc 0%,#ded9d0 50%,#cbc5bb 100%);position:relative;overflow:hidden}.city-band.is-night{color:#ede9e2;background:#141a22}.city-band .city-vp{justify-content:center;align-items:center;height:min(92svh,980px);min-height:600px;display:flex;position:relative;overflow:hidden}.city-band .city{width:min(112vw,1.7917*min(92svh,980px));transition:none}.city-band .city-img{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%),linear-gradient(#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%),linear-gradient(#0000 0,#000 8% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.city{aspect-ratio:5504/3072;transform-origin:50%;transform:translate3d(var(--tx,0px),var(--ty,0px),0) scale(var(--k,1));transition:transform 1s var(--ease,cubic-bezier(.2,.7,.2,1));flex:none;position:relative}.city-img{-webkit-user-select:none;user-select:none;-webkit-mask-composite:source-in;width:100%;max-width:none;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%),linear-gradient(#0000 0,#000 6% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%),linear-gradient(#0000 0,#000 6% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.water{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(100deg,#fff0 32%,#ffffff57 45%,#ffffff14 52%,#fff0 62%) 0 0/320% 100% no-repeat;animation:12s ease-in-out infinite alternate v8sheen;position:absolute;inset:0;-webkit-mask:url(/v8/home/water-mask.png) 0 0/100% 100% no-repeat;mask:url(/v8/home/water-mask.png) 0 0/100% 100% no-repeat}@keyframes v8sheen{0%{background-position:100% 0}to{background-position:0 0}}.city-shade{pointer-events:none;opacity:0;background:radial-gradient(ellipse 10% 17.9% at var(--fx,50%) var(--fy,50%),#14181c00 0,#14181c00 55%,#14181c57 100%);transition:opacity .35s;position:absolute;inset:0}.city.is-focus .city-shade{opacity:1}.smoke{left:var(--x);top:var(--y);pointer-events:none;width:0;height:0;position:absolute}.smoke i{opacity:0;background:radial-gradient(closest-side,#f6f4efd9,#f6f4ef00);border-radius:50%;width:18px;height:18px;animation:7s linear infinite v8smoke;position:absolute;top:-9px;left:-9px}.smoke i:nth-child(2){animation-delay:2.3s}.smoke i:nth-child(3){animation-delay:4.6s}@keyframes v8smoke{0%{opacity:0;transform:translate(0)scale(.5)}12%{opacity:.75}to{opacity:0;transform:translate(18px,-74px)scale(2.8)}}.city-sprite{left:var(--x);top:var(--y);width:var(--w);pointer-events:none;max-width:none;height:auto;position:absolute;transform:translate(-50%,-100%)}.pins{margin:0;padding:0;list-style:none;position:absolute;inset:0}.pin{left:var(--x);top:var(--y);z-index:2;cursor:pointer;width:34px;height:54px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:-54px 0 0 -17px;padding:0;text-decoration:none;transition:opacity .3s,filter .3s;position:absolute}.pin:before{content:"";background:linear-gradient(#2a2e33,#7a7f85);border-radius:2px;width:2px;height:21px;margin-left:-1px;position:absolute;top:31px;left:50%}.pin:after{content:"";background:radial-gradient(closest-side,#14161a80,#14161a00);border-radius:50%;width:12px;height:6px;margin-left:-5px;position:absolute;bottom:-3px;left:50%}.pin-h{background:var(--paper,#faf8f4);width:34px;height:34px;color:var(--ink,#1e2125);transition:transform .3s var(--ease,ease),background .2s,color .2s,box-shadow .2s;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #1e21254d,0 5px 12px -3px #14181c73}.pin.is-own .pin-h{background:var(--ink,#1e2125);color:#f1eee8;box-shadow:0 0 0 1px #00000080,0 5px 12px -3px #14181c80}.pin-sp .pin-h{background:var(--bay,#2c4a66);color:#f6f4ef;box-shadow:0 0 0 3px #faf8f4d9,0 5px 12px -3px #14181c80}.pin-sp.tone-ink .pin-h{background:var(--ink,#1e2125)}.pin-sp.tone-kult .pin-h{color:var(--gold,#cdae6a);background:#0c0b0e;box-shadow:0 0 0 1px #cdae6ab3,0 5px 14px -3px #0009}.pin:hover .pin-h,.pin.is-on .pin-h,.pin:focus-visible .pin-h{transform:translateY(-4px)scale(1.14)}.pin:focus-visible{outline:none}.pin:focus-visible .pin-h{box-shadow:0 0 0 3px var(--paper,#faf8f4),0 0 0 5px var(--bay,#2c4a66)}.pin-l{white-space:nowrap;background:var(--paper,#faf8f4);box-shadow:var(--sh1);color:var(--ink-3,#5f646a);opacity:0;transition:opacity .2s,transform .25s var(--ease,ease);pointer-events:none;text-align:left;border-radius:12px;flex-direction:column;padding:7px 11px 8px;font-size:13px;line-height:1.3;display:flex;position:absolute;top:-2px;left:42px;transform:translate(-6px)}.pin-l b{font:600 14px/1.25 var(--f-t);color:var(--ink,#1e2125)}.pin-sp:hover .pin-l,.pin:focus-visible .pin-l,.city-band .pin:hover .pin-l,.city-band .pin.is-on .pin-l{opacity:1;transform:none}.pin-kult .pin-l{top:42px;left:auto;right:-8px}.pins.is-dim .pin:not(.is-on){opacity:.32}.pin.is-out{opacity:.16;filter:grayscale();pointer-events:none}@keyframes v8pinDrop{0%{opacity:0;transform:translateY(-26px)}60%{opacity:1}to{opacity:1;transform:none}}.city.is-ready .pin{animation:v8pinDrop .7s var(--ease,ease) both;animation-delay:calc(var(--i,0) * 45ms + .2s)}.peek{z-index:8;background:var(--paper,#faf8f4);width:300px;box-shadow:var(--sh2);pointer-events:none;opacity:0;transition:opacity .18s,transform .25s var(--ease,ease);color:var(--ink,#1e2125);border-radius:16px;padding:8px 8px 12px;position:absolute;top:0;left:0;transform:translateY(6px)scale(.98)}.peek.is-on{opacity:1;transform:none}.peek-win{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:10px;overflow:hidden}.peek-bar{border-bottom:1px solid var(--line);background:#f1eee9;align-items:center;gap:5px;height:24px;padding:0 9px;display:flex}.peek-bar i{background:#cfcac2;border-radius:50%;width:7px;height:7px}.peek-dom{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:12px;overflow:hidden}.peek-img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:#edeae4;width:100%;height:auto;display:block}.peek.is-closed .peek-img{object-fit:contain;background:#232a33;padding:12% 0}.peek-t{flex-direction:column;margin:0;padding:10px 6px 0;display:flex}.peek-n{font:600 16px/1.25 var(--f-d)}.peek-s{color:var(--ink-3);font-size:13.5px;line-height:1.35}.peek-h{color:var(--bay);align-items:center;gap:6px;margin:0;padding:8px 6px 0;font-size:13px;font-weight:500;display:flex}.pan-hint{display:none}.drawer{z-index:70;color:var(--ink,#1e2125);position:fixed;inset:0}.drawer[hidden]{display:none}.drawer-bg{opacity:0;background:#14171b2e;transition:opacity .4s;position:absolute;inset:0}.drawer.is-open .drawer-bg{opacity:1}.drawer-p{background:var(--paper,#faf8f4);width:min(540px,100% - 24px);box-shadow:var(--sh2);overscroll-behavior:contain;transition:transform .5s var(--ease,ease);scrollbar-width:thin;font:400 16px/1.55 var(--f-t);border-radius:22px;padding:16px 26px 20px;position:absolute;top:12px;bottom:12px;right:12px;overflow-y:auto;transform:translate(calc(100% + 30px))}.drawer.is-open .drawer-p{transform:none}.drawer-p:focus{outline:none}.dr-grab{display:none}.dr-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dr-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.dr-tag:before{content:"";background:var(--ink);border-radius:50%;width:11px;height:11px}.dr-tag.is-part:before{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink-2)}.dr-x{border:1px solid var(--line-2);cursor:pointer;width:44px;height:44px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.dr-x:hover{background:#1e21250f}.dr-h{font:500 28px/1.15 var(--f-d);letter-spacing:-.015em;margin:0 0 4px}.dr-sub{color:var(--ink-3);margin:0 0 16px;font-size:15px}.dr-view{margin-bottom:18px}.dr-win{box-shadow:0 0 0 1px var(--line),var(--sh1);background:#fff;border-radius:12px;overflow:hidden}.dr-win img{width:100%;height:auto;display:block}.dr-bar{border-bottom:1px solid var(--line);height:30px;color:var(--ink-3);background:#f1eee9;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex}.dr-bar i{background:#cfcac2;border-radius:50%;flex:none;width:8px;height:8px}.dr-bar span{white-space:nowrap;text-overflow:ellipsis;margin-left:8px;overflow:hidden}.dr-scroll{overscroll-behavior:contain;scrollbar-width:thin;background:#f4f2ee;height:min(330px,38vh);overflow-y:auto}.dr-scroll.is-one{height:auto;overflow:hidden}.dr-scroll img{width:100%;height:auto}.dr-cap{color:var(--ink-3);margin:8px 0 0;font-size:13.5px}.dr-lead{color:var(--ink-2);margin:0 0 16px;font-size:16.5px}.dr-lt{font:600 13px/1.3 var(--f-t);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}.dr-list{gap:7px;margin:0 0 14px;padding:0;list-style:none;display:grid}.dr-list li{padding-left:20px;font-size:15.5px;line-height:1.45;position:relative}.dr-list li:before{content:"";background:var(--bay);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:3px}.dr-more{margin:0 0 12px}.dr-act{flex-wrap:wrap;gap:10px;margin:-4px 0 20px;display:flex}.dr-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.dr-nav button{border:1px solid var(--line-2);cursor:pointer;width:44px;height:44px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.dr-nav button:hover{background:#1e21250f}.dr-n{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:14px}.drawer .phone{width:min(240px,62%);box-shadow:var(--sh2);background:#1c1f23;border-radius:34px;margin:0 auto;padding:8px}.drawer .phone img{border-radius:27px;width:100%;height:auto;display:block}.cm-closed{gap:10px;display:grid}.cm-closed-card{color:#e8e5df;background:#232a33;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:6px 14px;padding:18px;display:grid}.cm-closed-ic{color:#d9dee4;background:#ffffff14;border-radius:12px;grid-row:1/3;place-items:center;width:46px;height:46px;display:grid}.cm-closed-card b{font:600 16px/1.3 var(--f-d)}.cm-closed-card p{color:#c3c7cc;margin:0;font-size:14.5px;line-height:1.5}@media (min-width:861px) and (max-width:1180px){.city-sec .city-vp{align-items:flex-start}.city-sec .city{width:min(108vw,calc((100svh - var(--hdr,68px)) * 1.7917))}}@media (max-width:860px){.city-sec{height:auto;min-height:0;max-height:none;padding-top:var(--hdr,60px);background:var(--bg,#e8e4dc);overflow:visible}.city-sec.is-night{background:#141a22}.city-sec .city-vp{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(104deg,#e8e4dc 0%,#ded9d0 50%,#cbc5bb 100%);height:clamp(320px,min(57svh,100svh - 330px),520px);display:block;position:relative;inset:auto;overflow:auto hidden}.city-sec.is-night .city-vp{background:#141a22}.city-band .city-vp{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;height:clamp(300px,58svh,520px);min-height:0;display:block;overflow:auto hidden}.city-vp::-webkit-scrollbar{display:none}.city-sec .city,.city-band .city{width:auto;height:100%;transition:none;transform:none!important}.city-img,.city-band .city-img{-webkit-mask-image:none;mask-image:none}.city-shade,.water{display:none}.pin{width:44px;height:44px;margin:-44px 0 0 -22px}.pin-h{width:28px;height:28px;top:4px;left:8px}.pin-h svg{width:15px;height:15px}.pin:before{height:11px;top:31px}.pin:after{bottom:-2px}.pin-l,.city-band .pin:hover .pin-l,.city-band .pin.is-on .pin-l{display:none}.pan-hint{left:12px;top:calc(var(--hdr,60px) + clamp(320px,min(57svh,100svh - 330px),520px) - 74px);z-index:6;height:38px;color:var(--ink,#1e2125);box-shadow:var(--sh1);pointer-events:none;background:#faf8f4f0;border-radius:999px;align-items:center;gap:8px;margin:0;padding:0 14px;font-size:14px;font-weight:500;transition:opacity .4s;display:inline-flex;position:absolute}.city-band .pan-hint{top:calc(clamp(300px,58svh,520px) - 54px)}.pan-hint.is-gone{opacity:0}.peek{display:none}.drawer-bg{background:#14171b6b}.drawer-p{width:auto;max-height:90svh;padding:6px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;inset:auto 0 0;transform:translateY(105%)}.dr-grab{touch-action:none;justify-content:center;min-height:24px;margin:0 -18px;padding:6px 0 8px;display:flex}.dr-grab i{background:#1e212538;border-radius:3px;width:44px;height:5px}.dr-h{font-size:24px}.dr-scroll{height:40svh}.dr-act .btn{flex:auto}.dr-tag,.dr-cap{font-size:14px}.dr-bar{font-size:13px}.cm-closed-card p{font-size:14px}}@media (max-width:400px) and (max-height:700px){.city-sec .pan-hint{top:calc(var(--hdr,60px) + clamp(320px,min(57svh,100svh - 330px),520px) - 96px)}}@media (prefers-reduced-motion:reduce){.smoke,.water{display:none}.city,.pin,.peek,.drawer-p,.drawer-bg{transition:none!important}.city.is-ready .pin{animation:none}}.cm-filter{right:var(--gut);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--sh1);transition:opacity .45s,transform .45s var(--ease);background:#faf8f4e0;border-radius:999px;gap:4px;padding:5px;display:flex;position:absolute;bottom:clamp(20px,5vh,56px)}.city-band .cm-filter{top:20px;bottom:auto}.city-band.is-night .cm-filter{color:#ede9e2;background:#141a22d1;box-shadow:0 0 0 1px #ffffff1a}@media (max-width:1279px){.cm-filter .chip .ic{display:none}}@media (max-width:1180px){.cm-filter .chip{padding:0 11px;font-size:14px}}@media (max-width:860px){.cm-filter{display:none}}