/* Local finishing layer: location / visit only. No scroll interception. */
.city{background:radial-gradient(ellipse at 26% 54%,#5074ff80,transparent 51%),linear-gradient(125deg,#3457ee 15%,#304bda 65%,#2139ac)}
.city-grid{background-size:80px 80px;opacity:.7}
.city-heading-index{position:relative;color:#dbe4ff;letter-spacing:.21em}
.city-heading-index:before{content:'';position:absolute;width:4px;height:4px;background:#dfe9ff;left:-2.5px;top:0;box-shadow:0 0 12px #fff}
.city-orbit:before{content:'';position:absolute;inset:8% 16%;border-radius:50%;background:conic-gradient(from 20deg,transparent 60%,#e0eaff80 90%,transparent 90.4%);mask:radial-gradient(transparent 69.3%,#000 69.5%,#000 70%,transparent 70.3%);animation:orbit-spin 32s linear infinite;animation-play-state:paused;pointer-events:none}
.city.is-present .city-orbit:before{animation-play-state:running}
.city:not(.is-present) .orbit-dot,.city:not(.is-present) .orbit-center:after{animation-play-state:paused}
.orbit-center{background:radial-gradient(circle at 25% 10%,#b4cdff55,#617eec1c 65%,#11248338);box-shadow:inset 0 1px 1px #ffffff75,inset 0 -20px 50px #1735aa30,0 25px 75px #0a207138}
.location-tabs button{background:linear-gradient(135deg,#4263e8,#2844c8);box-shadow:inset 0 1px 0 #ffffff14,0 12px 25px #19298a20}
.location-tabs button:after{content:'';position:absolute;inset:-7px;border:1px solid #dce8ff80;border-radius:50%;opacity:0;transform:scale(.9);transition:transform .8s var(--ease),opacity .8s}
.location-tabs button[aria-selected=true]:after{opacity:.7;transform:scale(1)}
.location-tabs button[aria-selected=true]{background:#f3f6ff;box-shadow:0 12px 45px #17288235,inset 0 0 24px #fff}
.orbit-lines .city-route.active{filter:drop-shadow(0 0 5px #bbd4ff80)}
.city-description{border-top:1px solid #e1eaff40;padding-top:26px}
.city-description:before{content:'';position:absolute;top:-1px;left:0;width:46px;height:2px;background:#e7edff;transform-origin:left;transition:width .7s var(--ease)}
.city-description:hover:before{width:95px}
.city-active-number{font-size:clamp(70px,8.5vw,138px);font-weight:300;color:transparent;-webkit-text-stroke:1px #e0e9ff70;line-height:.95;letter-spacing:-.065em}
.city-description .location-en{display:flex;align-items:center;gap:10px;margin-top:27px;font-size:9px;color:#e0e8ff}
.city-description .location-en:before{content:'';width:4px;height:4px;border-radius:50%;background:#c7d8ff;box-shadow:0 0 12px #c7d8ff80}
.city-map-peek{padding:17px 12px 17px 0;transition:padding .5s var(--ease),background .5s}
.city-map-peek:hover{padding-left:12px;background:#ffffff09}
.city-map-peek b{transition:transform .5s var(--ease)}
.city-map-peek:hover b{transform:translate(3px,-3px)}
.city-description .disclaimer{opacity:.75}

.visit{background:radial-gradient(ellipse at 75% 48%,#f5f6f0 0,transparent 56%),#e5e9e4;isolation:isolate}
.visit:before{content:'';position:absolute;width:64vw;aspect-ratio:1;border:1px solid #526b8110;border-radius:50%;right:-27vw;top:12%;pointer-events:none;z-index:-1}
.visit>h2{position:relative;z-index:1;margin-bottom:55px}
.visit-scene{padding-top:30px;padding-bottom:90px;perspective:1600px}
.visit-map{position:relative;padding:24px 32px 22px;background:#fcfdfb;border:1px solid #fff;box-shadow:0 28px 70px #30423c12,0 3px 8px #30423c05;transform-origin:30% 60%}
.visit-map:before{content:'SAU, GIMPO';display:block;font-size:9px;letter-spacing:.22em;padding:0 0 17px;color:#607470;border-bottom:1px solid #253e3621;margin-bottom:20px}
.visit-map:after{content:'ZIEN’HEIM  /  VISIT INFORMATION';display:block;padding-top:17px;margin-top:18px;border-top:1px solid #253e3621;font-size:8px;letter-spacing:.17em;color:#74837f}
.visit-map img{border:1px solid #263c3414}
.visit-map[data-reveal]{transition:opacity 1s var(--ease),transform 1.5s var(--ease)}
.js .visit-map[data-reveal]{transform:translateY(45px) rotate(-4deg);opacity:0}
.js .visit-map[data-reveal].in-view{transform:rotate(-1.5deg);opacity:1}
.visit-ticket{background:#fdfdf7;border-radius:2px;padding:32px 30px;box-shadow:0 30px 70px #20352e1c,0 3px 8px #20352e05;border-top:3px solid var(--blue);transform-origin:70% 70%}
.js .visit-ticket[data-reveal]{transform:translateY(65px) rotate(5deg);transition:opacity 1s var(--ease) .15s,transform 1.5s var(--ease) .15s}
.js .visit-ticket[data-reveal].in-view{transform:translateY(-10px) rotate(1.5deg)}
.visit-ticket>div:first-child{color:#3658eb;font-size:8px;letter-spacing:.19em}
.visit-ticket>div:first-child i{width:38px;height:38px;border:1px solid #3658eb30;border-radius:50%;display:grid;place-items:center;font-size:22px}
.visit-ticket h3{font-size:clamp(25px,2.5vw,40px);font-weight:480;letter-spacing:-.055em;margin:30px 0 16px}
.visit-ticket p{color:#657671;font-size:12px;margin-bottom:30px}
.visit-ticket .round-link{font-size:11px;padding:12px 0;color:#2848d2;border-top:1px solid #30493a1c}
.visit-ticket .round-link i{border-color:#3658eb36;background:#3658eb08}
.visit-ticket .round-link:hover i{background:var(--blue);color:white;transform:translate(2px,-2px)}
.visit-ticket>small{color:#657771;line-height:1.9}
.visit-ticket .ticket-divider{margin-inline:-30px}
.visit-type{bottom:-5px;right:-2%;font-size:clamp(66px,9.5vw,155px);color:transparent;-webkit-text-stroke:1px #3658eb38;letter-spacing:-.065em}
@media(hover:hover) and (pointer:fine){.js .visit-ticket[data-reveal].in-view:hover{transform:translateY(-16px) rotate(0);transition-delay:0s}}
@media(max-width:960px){.city-description{padding-top:20px}.city-active-number{font-size:76px}.visit-map{padding:20px 25px}.visit-ticket{padding:27px 24px}.visit-ticket .ticket-divider{margin-inline:-24px}.visit-ticket h3{font-size:27px}}
@media(max-width:700px){
 .city-description{padding-top:25px}.city-active-number{font-size:58px}.city-description .location-en{margin-top:0;font-size:7px;gap:6px}.city-description:before{width:32px}
 .city-map-peek:hover{padding-left:0;background:none}.city-orbit:before{inset:6% 14%}.location-tabs button:after{inset:-4px}
 .visit>h2{margin-bottom:35px}.visit-scene{padding-top:10px;padding-bottom:55px}.visit-map{padding:17px;margin-left:0}.visit-map:before{font-size:7px;padding-bottom:12px;margin-bottom:14px}.visit-map:after{font-size:6px;letter-spacing:.13em;margin-top:13px;padding-top:12px}
 .visit-ticket{width:88%;margin-top:6px;padding:24px 22px}.visit-ticket h3{font-size:28px;margin:20px 0 13px}.visit-ticket p{font-size:11px;margin-bottom:20px}.visit-ticket .round-link{font-size:11px;padding-block:10px}.visit-ticket .ticket-divider{margin-inline:-22px}.visit-type{font-size:18vw;bottom:-12px}.js .visit-ticket[data-reveal].in-view{transform:rotate(1.5deg)}
}
@media(prefers-reduced-motion:reduce){.city-orbit:before{animation:none}.js .visit-map[data-reveal],.js .visit-ticket[data-reveal]{opacity:1;transform:none!important}}