.city-opportunity{color:#24262a;background:#fff;border-radius:32px 32px 0 0;padding:105px 0 38px;position:relative;overflow:hidden}.city-layout{display:block}.city-intro{text-align:center;max-width:900px;margin:0 auto 66px}.city-intro .section-kicker{letter-spacing:.13em;color:#817364;justify-content:center;font-size:13px}.city-intro h2{letter-spacing:-.06em;margin:28px 0 24px;font-size:clamp(48px,6vw,82px);line-height:1.03}.city-intro h2 em{color:#ff880a}.city-intro>p{color:#746c62;max-width:600px;margin:0 auto;font-size:18px;line-height:1.8}.city-place{color:#ff880a;justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:11px;display:flex}.city-experience{grid-template-columns:1.18fr 1fr;align-items:center;gap:55px;display:grid}.city-map{color:#fff;background:#15221f;border:1px solid #415048;border-radius:27px;height:560px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #29342c70}.city-map-top{z-index:2;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:25px 24px;font-size:13px;display:flex;position:relative}.city-map-top b{color:#a4aea0;font-size:10px;font-weight:400}.city-map-top small{letter-spacing:.1em;color:#b7bbad;font-size:8px}.city-insight{color:#29372d;background:#fff;border-radius:17px;gap:16px;min-height:167px;padding:24px;animation:.6s both city-enter;display:flex;position:absolute;bottom:67px;left:25px;right:25px;box-shadow:0 14px 40px #0003}.city-insight-icon{color:#ff880a;background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.city-insight small{letter-spacing:.1em;color:#7a6b54;font-size:8px}.city-insight strong{letter-spacing:-.04em;margin:10px 0 9px;font-size:21px;font-weight:600;line-height:1.2;display:block}.city-insight p{color:#776e60;margin:0;font-size:12px;line-height:1.7}.city-map-bottom{color:#c8cfbf;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:24px;left:25px;right:25px}.city-map-bottom>span:last-child{letter-spacing:.05em;color:#899787;margin-left:auto;font-size:7px}.city-live-dot{background:#f6a34f;border-radius:50%;width:5px;height:5px}.city-eyebrow{letter-spacing:.11em;color:#917453;font-size:11px}.city-editorial h3{letter-spacing:-.05em;margin:21px 0;font-size:clamp(36px,4vw,52px);line-height:1.05}.city-editorial h3 em{color:#ff880a}.city-editorial>p{color:#7b7064;max-width:520px;font-size:17px;line-height:1.9}.city-controls{margin-top:25px}.city-controls button{text-align:left;color:#837d73;background:0 0;border:0;border-bottom:1px solid #ccc;align-items:center;gap:13px;width:100%;padding:18px 0;font-size:17px;transition:color .3s;display:flex;position:relative}.city-controls button>span{color:#a99b87;font-size:10px}.city-controls button>svg{opacity:0;margin-left:auto;transition:opacity .3s}.city-controls button[aria-pressed=true]{color:#ff880a}.city-controls button[aria-pressed=true]>svg{opacity:1}.city-controls button>i{background:#bb7b3b;width:0;height:2px;position:absolute;bottom:-1px;left:0}.city-controls button>i.city-timer{animation:6s linear forwards city-timer}.city-step-detail{min-height:100px;padding-top:22px;animation:.5s city-enter}.city-step-detail strong{color:#534b40;font-size:15px;font-weight:550}.city-step-detail p{color:#8b7d6e;margin:8px 0 0;font-size:15px;line-height:1.75}@keyframes city-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes city-timer{to{width:100%}}@media (max-width:1000px){.city-experience{gap:30px}.city-insight{gap:12px;padding:19px;left:18px;right:18px}.city-insight strong{font-size:18px}}@media (max-width:760px){.city-opportunity{border-radius:24px 24px 0 0;padding:65px 0 30px}.city-intro{margin-bottom:35px}.city-intro h2{font-size:clamp(45px,8vw,60px)}.city-intro>p{font-size:16px}.city-experience{grid-template-columns:1fr;gap:38px}.city-map{width:100%;max-width:560px;height:470px;margin:auto}.city-map-top{padding:21px 19px}.city-insight{min-height:155px;bottom:59px}.city-map-bottom{font-size:8px;left:19px;right:19px}.city-editorial h3{font-size:43px}.city-editorial>p{max-width:100%}.city-controls button{padding:18px 0}.city-step-detail{min-height:95px}}.city-map{transition:background .8s}.city-experience[data-step="1"] .city-map{background:#202c29}.city-experience[data-step="2"] .city-map{background:#172b26}.city-map:before{content:"";pointer-events:none;background:radial-gradient(#8cae7620,#0000 65%);position:absolute;inset:30px 0 120px}.city-insight{transition:box-shadow .5s}.city-map:hover .city-insight{box-shadow:0 18px 45px #0004}.city-map{box-shadow:0 30px 65px -24px #183b3040,inset 0 1px #fff1}@media (prefers-reduced-motion:reduce){.site:not(.motion-enabled) :is(.city-person-body,.city-limb,.city-meet-arrival,.city-confirmation,.city-check-draw){animation:none}.site:not(.motion-enabled) .city-confirmation{opacity:1}.site:not(.motion-enabled) .city-check-draw{stroke-dashoffset:0}}
.city-map.city-illustrated{isolation:isolate;background:#172b26;height:auto}.city-illustrated:before{display:none}.city-illustrated .city-map-top{color:#f2ece0;padding:23px 24px}.city-artwork{aspect-ratio:3/2;background:#233a2e;border-radius:15px;margin:0 14px;position:relative;overflow:hidden}.city-artwork img{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s;animation:none;position:absolute;inset:0;transform:none}.city-artwork img.is-active{opacity:1}.city-artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000,#172b2638);position:absolute;inset:55% 0 0}.city-illustrated .city-insight{z-index:1;border:1px solid #fff3;min-height:150px;margin:-21px 24px 0;padding:23px;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 12px 28px #061a1a28}.city-illustrated .city-map-bottom{gap:6px;margin:0;padding:24px;position:relative;inset:auto}.city-illustrated .city-insight strong{font-size:21px}@media (max-width:1000px){.city-illustrated .city-insight{gap:12px;margin-left:18px;margin-right:18px;padding:20px}.city-illustrated .city-insight strong{font-size:19px}.city-illustrated .city-map-top,.city-illustrated .city-map-bottom{padding:21px 20px}}@media (max-width:760px){.city-illustrated .city-insight{min-height:145px}.city-artwork{margin:0 12px}.city-illustrated .city-map-bottom{font-size:8px}}@media (max-width:420px){.city-illustrated .city-map-top{padding:20px 17px}.city-artwork{aspect-ratio:1.25}.city-artwork img{object-position:56% center}.city-illustrated .city-insight{min-height:157px;margin:-15px 16px 0;padding:19px 16px}.city-illustrated .city-insight strong{font-size:18px}.city-illustrated .city-insight-icon{border-radius:10px;width:35px;height:35px}.city-illustrated .city-map-bottom{flex-wrap:wrap;row-gap:8px;padding:22px 17px}.city-illustrated .city-map-bottom>span:last-child{font-size:6px}}@media (prefers-reduced-motion:reduce){.city-artwork img{transition:none}}
