.about-section{padding-right:46%;min-height:400px}.about-section:after{display:none}.city-orbit{position:absolute;right:-30px;top:-30px;width:44%;height:380px;pointer-events:none;perspective:800px;isolation:isolate}.city-orbit-ring{position:absolute;inset:7% 13%;border:1px solid #ffffffb0;border-radius:50%;box-shadow:0 0 0 28px #ffffff0d,0 0 0 56px #ffffff0a;transform:rotate(-18deg)}.city-orbit-ring.ring-inner{inset:15% 22%;border-color:#7c956c20;box-shadow:none}.city-orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;color:#6b7f5a80;text-align:center}.city-orbit-center small{display:block;white-space:nowrap;font-size:8px;letter-spacing:2px;margin-top:10px}.orbit-city{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:30px;border:1px solid #ffffffb0;background:#f7faedc4;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 25px #33412619,inset 0 1px 0 #fff8;white-space:nowrap;font-size:12px;font-weight:500;color:#34412b;will-change:transform,opacity}.city-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#82926918;color:#61764e}.city-icon svg{width:21px;height:21px}:root[data-theme=dark] .city-orbit-ring{border-color:#f1a0aa30;box-shadow:0 0 0 28px #f1a0aa05,0 0 0 56px #f1a0aa04}:root[data-theme=dark] .city-orbit-ring.ring-inner{border-color:#f1a0aa15;box-shadow:none}:root[data-theme=dark] .city-orbit-center{color:#ee829080}:root[data-theme=dark] .orbit-city{color:#f5d6d6;background:#421e2bbd;border-color:#e99aa53a;box-shadow:0 10px 25px #0003,inset 0 1px 0 #ffffff10}:root[data-theme=dark] .city-icon{color:#f39ba5;background:#ec75851a}@media(max-width:1000px){.about-section{padding-right:43%}.about-section h2{font-size:48px}.city-orbit{width:45%;right:-20px}.orbit-city{font-size:11px;padding-right:10px;gap:6px}.city-icon{width:28px;height:28px}}@media(max-width:700px){.about-section{padding-right:24px;padding-bottom:325px}.city-orbit{top:auto;bottom:-5px;right:0;width:100%;height:300px}.city-orbit-ring{inset:6% 18%}.city-orbit-ring.ring-inner{inset:15% 28%}.orbit-city{font-size:12px}.about-section h2{font-size:47px}}@media(prefers-reduced-transparency:reduce){.orbit-city{background:#f0f4e6;backdrop-filter:none}:root[data-theme=dark] .orbit-city{background:#421e2b}}

/* Upright, constant-size labels; the circular viewport cuts them at its edge. */
.city-orbit{width:380px;height:380px;right:-30px;top:-30px;clip-path:circle(49% at 50% 50%);perspective:none}
.city-orbit-ring{inset:1%;transform:none;box-shadow:none}
.city-orbit-ring.ring-inner{inset:11%;box-shadow:none}
.orbit-city{font-size:14px;font-weight:600;opacity:1;will-change:transform;background:#f7faedf0;backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-theme=dark] .orbit-city{background:#421e2bf5;color:#fff0ed}
:root[data-theme=dark] .city-orbit-ring{box-shadow:none}
@media(min-width:1200px){.city-orbit{width:420px;height:420px}}
@media(max-width:1000px) and (min-width:701px){.city-orbit{width:320px;height:320px;right:-45px;top:0}}
@media(max-width:700px){.city-orbit{width:300px;height:300px;top:auto;bottom:0;right:calc(50% - 150px)}.city-orbit-ring{inset:1%}.city-orbit-ring.ring-inner{inset:11%}.orbit-city{font-size:13px}}
/* Clip only at the enclosing card, never at the orbit circumference. */
.city-orbit{clip-path:none;right:-110px;top:-65px;overflow:visible}
@media(min-width:1200px){.city-orbit{right:-120px;top:-70px}}
@media(max-width:1000px) and (min-width:701px){.city-orbit{right:-100px;top:-35px}}
@media(max-width:700px){.city-orbit{right:-75px;top:auto;bottom:-20px}}