/*src:15591*/#hh-cities{--gold:#CDB894;--gold-hi:#EADCC0;--gold-lo:#8C7650;--cream:#F2EADB;--ink:#0B2C2D;--muted:#9FB5B1;--live:#4ADE9B;--goldgrad:linear-gradient(180deg,#EADCC0 0%,#CDB894 52%,#A8916A 100%);position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box;width:100%;height:100vh;height:100svh;min-height:520px;display:flex;flex-direction:column;padding:clamp(14px,3vh,36px) clamp(16px,3.2vw,52px) max(clamp(14px,3vh,32px),env(safe-area-inset-bottom));background:#0b2c2d;color:#fff;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif}#hh-cities *{box-sizing:border-box}#hh-cities .hhc-marble{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2}#hh-cities .hhc-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 62% 50%,rgba(205,184,148,.07),transparent 60%),radial-gradient(ellipse 120% 100% at 50% 50%,transparent 55%,rgba(3,18,19,.7) 100%)}#hh-cities .hhc-wrap{flex:1;min-height:0;width:100%;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,5fr) minmax(0,7fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". stage" "head stage" "panel stage" ". stage";column-gap:clamp(20px,3.5vw,56px)}#hh-cities .hhc-wrap>*{min-width:0}#hh-cities .hhc-head{grid-area:head}#hh-cities .hhc-panel{grid-area:panel}#hh-cities .hhc-stage{grid-area:stage;position:relative;min-height:0;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:pan-y;-webkit-mask-image:radial-gradient(ellipse 64% 62% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 64% 62% at 50% 50%,#000 55%,transparent 100%)}#hh-cities .hhc-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid rgba(205,184,148,.4);background:rgba(205,184,148,.08);color:var(--gold-hi);font:600 11px/1.4 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase}#hh-cities .hhc-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:hhcPing 1.6s infinite}#hh-cities .hhc-title{margin:clamp(8px,1.6vh,16px) 0 clamp(6px,1vh,10px);font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(26px,min(3.6vw,6vh),54px);line-height:1.08;letter-spacing:.01em}#hh-cities .hhc-title span{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}#hh-cities .hhc-sub{margin:0 0 clamp(10px,2.2vh,22px);color:var(--muted);font-size:clamp(13px,1.2vw,15px);line-height:1.6;max-width:440px}#hh-cities .hhc-card{position:relative;padding:clamp(14px,2.2vh,22px) 20px;border-radius:18px;height:clamp(214px,30vh,250px);overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.016));border:1px solid rgba(205,184,148,.28);box-shadow:inset 0 1px rgba(234,220,192,.12),0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .2s ease,transform .2s ease}#hh-cities .hhc-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--goldgrad);opacity:.8}#hh-cities .hhc-card.is-out{opacity:0;transform:translateY(6px)}#hh-cities .hhc-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}#hh-cities .hhc-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}#hh-cities .hhc-status i{width:8px;height:8px;border-radius:50%;flex:none}#hh-cities .hhc-status.is-live{color:var(--live);background:rgba(74,222,155,.1)}#hh-cities .hhc-status.is-live i{background:var(--live);box-shadow:0 0 10px var(--live)}#hh-cities .hhc-status.is-soon,#hh-cities .hhc-status.is-all{color:var(--gold-hi);background:rgba(205,184,148,.12)}#hh-cities .hhc-status.is-soon i{border:2px solid var(--gold)}#hh-cities .hhc-status.is-all i{background:var(--gold);box-shadow:0 0 10px var(--gold)}#hh-cities .hhc-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#hh-cities .hhc-count b{color:#fff}#hh-cities .hhc-city{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:clamp(6px,1.2vh,12px) 0 4px}#hh-cities .hhc-city h3{min-width:0;overflow:hidden;text-overflow:ellipsis;margin:0;font-family:Cinzel,Georgia,serif;font-weight:800;font-size:clamp(24px,min(2.8vw,4.6vh),38px);letter-spacing:.02em;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}#hh-cities .hhc-city [lang=ur]{flex:none;font-family:Noto Nastaliq Urdu,serif;font-size:clamp(16px,1.6vw,21px);color:var(--gold-hi);line-height:1.5;white-space:nowrap}#hh-cities .hhc-card p{margin:0 0 10px;color:#c9d6d3;font-size:13.5px;line-height:1.55}#hh-cities .hhc-areas{list-style:none;margin:0 0 12px;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}#hh-cities .hhc-areas::-webkit-scrollbar{display:none}#hh-cities .hhc-areas li,#hh-cities .hhc-areas button{flex:none;display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 Poppins,sans-serif;padding:7px 11px;border-radius:999px;background:var(--cream);color:var(--ink);border:0;white-space:nowrap}#hh-cities .hhc-areas button{cursor:pointer}#hh-cities .hhc-areas .is-soon{background:transparent;color:var(--gold-hi);border:1px dashed rgba(205,184,148,.7)}#hh-cities .hhc-areas .dot{width:7px;height:7px;border-radius:50%;background:#1e9e62}#hh-cities .hhc-areas .is-soon .dot{background:transparent;border:1.5px solid var(--gold)}#hh-cities .hhc-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}#hh-cities .hhc-cta.is-live{background:var(--goldgrad);color:var(--ink);box-shadow:0 8px 22px rgba(205,184,148,.3),inset 0 1px rgba(255,255,255,.5)}#hh-cities .hhc-cta.is-soon{color:var(--gold-hi);border:1.5px dashed rgba(205,184,148,.65)}#hh-cities .hhc-cta:hover{transform:translateY(-2px)}#hh-cities .hhc-cta:focus-visible,#hh-cities button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}#hh-cities .hhc-controls{display:flex;align-items:center;gap:10px;margin-top:clamp(10px,1.8vh,16px)}#hh-cities .hhc-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}#hh-cities .hhc-tabs::-webkit-scrollbar{display:none}#hh-cities .hhc-tab{position:relative;flex:none;overflow:hidden;height:38px;padding:0 13px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#dce5e2;font:600 12.5px/1 Poppins,sans-serif;transition:background .2s,color .2s,border-color .2s}#hh-cities .hhc-tab:hover{border-color:rgba(205,184,148,.55)}#hh-cities .hhc-tab.is-soon{border-style:dashed}#hh-cities .hhc-tab.is-all{color:var(--gold-hi)}#hh-cities .hhc-tab.is-active{background:rgba(205,184,148,.16);border-color:var(--gold);color:#fff}#hh-cities .hhc-tab span{position:relative;z-index:1}#hh-cities .hhc-tab .hhc-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--goldgrad)}#hh-cities .hhc-tab.is-active.is-run .hhc-bar{animation:hhcBar var(--dur,3s) linear forwards}#hh-cities.is-paused .hhc-tab .hhc-bar{animation-play-state:paused!important}#hh-cities .hhc-arrows{display:flex;gap:6px;flex:none}#hh-cities .hhc-btn{width:38px;height:38px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(205,184,148,.3);background:rgba(205,184,148,.06);color:var(--gold-hi);transition:background .2s,border-color .2s}#hh-cities .hhc-btn:hover{background:rgba(205,184,148,.18);border-color:var(--gold)}#hh-cities .hhc-i-play{display:none}#hh-cities.is-stopped .hhc-i-play{display:block}#hh-cities.is-stopped .hhc-i-pause{display:none}#hh-cities .hhc-box{position:relative;flex:none;width:100%;aspect-ratio:720/650}#hh-cities .hhc-tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform:perspective(1400px) rotateX(14deg) scale(1.03);transform-origin:50% 62%}#hh-cities .hhc-map{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;transition:transform 1s cubic-bezier(.6,0,.2,1)}#hh-cities #hhc-canvas,#hh-cities #hhc-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hh-cities .hhc-logos{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hh-cities .hhc-pin{cursor:pointer}#hh-cities .hhc-pin>.hhc-in{opacity:0}#hh-cities.is-ready .hhc-pin>.hhc-in{animation:hhcPinIn .5s cubic-bezier(.2,.8,.2,1.2) forwards;animation-delay:var(--d,0s)}#hh-cities .hhc-spot{opacity:0;transition:opacity .4s}#hh-cities .hhc-ring{fill:none;stroke:#eadcc0;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:hhcRing 2s ease-out infinite;opacity:0}#hh-cities .hhc-dot{fill:#f1e6d0;stroke:#cdb894;stroke-width:2}#hh-cities .hhc-pill rect{fill:var(--cream);stroke:rgba(0,0,0,.35);stroke-width:1}#hh-cities .hhc-pill text{fill:#0b2c2d;font:600 15px Poppins,system-ui,sans-serif;white-space:pre}#hh-cities .hhc-pill path{fill:#0b2c2d}#hh-cities .hhc-pill{transition:opacity .3s}#hh-cities .hhc-pin.is-soon .hhc-dot{fill:#0b2c2d;stroke-dasharray:3 2}#hh-cities .hhc-pin.is-soon .hhc-pill rect{fill:rgba(6,27,28,.9);stroke:var(--gold);stroke-dasharray:4 3}#hh-cities .hhc-pin.is-soon .hhc-pill text,#hh-cities .hhc-pin.is-soon .hhc-pill path{fill:var(--gold-hi)}#hh-cities .hhc-pin.is-active .hhc-spot,#hh-cities .hhc-pin.is-active .hhc-ring{opacity:1}#hh-cities .hhc-pin.is-active .hhc-pill rect{fill:url(#hhcGold);stroke:#f6eedd}#hh-cities .hhc-pin.is-active.is-soon .hhc-pill rect{fill:rgba(6,27,28,.95);stroke:var(--gold)}#hh-cities .hhc-pin.is-active .hhc-pill{filter:url(#hhcGlow)}#hh-cities .hhc-arc{fill:none;stroke:#eadcc0;stroke-width:2.2;stroke-linecap:round;filter:url(#hhcGlow);transition:opacity .6s ease}#hh-cities .hhc-rider{fill:#fff;filter:url(#hhcGlow)}#hh-cities .hhc-logo{position:absolute;width:10.5%;aspect-ratio:267/290;transform:translate(-50%,-112%);opacity:0;transition:opacity .25s ease}#hh-cities .hhc-logo.is-on{opacity:1}#hh-cities .hhc-logo.is-mini{width:6.2%}#hh-cities .hhc-lg-pop{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;transform:scale(.15) translateY(30%);transition:transform .55s cubic-bezier(.2,1.5,.35,1) .15s}#hh-cities .hhc-logo.is-on .hhc-lg-pop{transform:none}#hh-cities .hhc-lg-bob{position:absolute;top:0;right:0;bottom:0;left:0;perspective:420px}#hh-cities .hhc-logo.is-on .hhc-lg-bob{animation:hhcBob 2.4s ease-in-out infinite}#hh-cities .hhc-lg-spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(8deg)}#hh-cities .hhc-logo.is-on .hhc-lg-spin{animation:hhcSway 3.6s ease-in-out infinite}#hh-cities .hhc-lg-spin img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}#hh-cities .hhc-lg-spin img.d{filter:brightness(.4)}#hh-cities .hhc-lg-spin img.f{filter:drop-shadow(0 0 4px rgba(234,220,192,.85)) drop-shadow(0 0 14px rgba(205,184,148,.45)) brightness(1.08)}#hh-cities .hhc-lg-base{position:absolute;left:50%;bottom:-16%;width:120%;height:22%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(234,220,192,.7),rgba(205,184,148,.25) 45%,transparent 70%)}#hh-cities .hhc-logo.is-soon .hhc-lg-spin img.f{filter:grayscale(.5) brightness(.85) drop-shadow(0 0 6px rgba(205,184,148,.35))}#hh-cities .hhc-logo.is-soon .hhc-lg-spin img.d{filter:brightness(.25)}@keyframes hhcPing{0%{box-shadow:0 0 rgba(205,184,148,.7)}80%{box-shadow:0 0 0 8px rgba(205,184,148,0)}to{box-shadow:0 0 rgba(205,184,148,0)}}@keyframes hhcBar{0%{width:0}to{width:100%}}@keyframes hhcRing{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes hhcPinIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes hhcBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes hhcSway{0%,to{transform:rotateY(-26deg) rotateX(8deg)}50%{transform:rotateY(26deg) rotateX(8deg)}}@media (max-width:900px){#hh-cities{padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));min-height:480px}#hh-cities .hhc-wrap{display:flex;flex-direction:column;gap:8px}#hh-cities .hhc-head{text-align:center;flex:none}#hh-cities .hhc-eyebrow{font-size:10px;padding:4px 10px}#hh-cities .hhc-title{font-size:clamp(20px,6vw,28px);margin:8px 0 4px}#hh-cities .hhc-sub{display:none}#hh-cities .hhc-stage{flex:1;margin:0 -14px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 90%,transparent 100%)}#hh-cities .hhc-panel{flex:none}#hh-cities .hhc-card{height:182px;padding:12px 14px;border-radius:16px}#hh-cities .hhc-card p{display:none}#hh-cities .hhc-city{margin:6px 0 8px}#hh-cities .hhc-city h3{font-size:clamp(19px,6.2vw,24px)}#hh-cities .hhc-areas{margin-bottom:10px}#hh-cities .hhc-cta{width:100%;min-height:42px}#hh-cities .hhc-controls{margin-top:8px}#hh-cities .hhc-step{display:none}#hh-cities .hhc-tab{height:34px;padding:0 11px;font-size:12px}#hh-cities .hhc-btn{width:34px;height:34px}#hh-cities .hhc-pin:not(.is-active) .hhc-pill{opacity:0}#hh-cities.is-all .hhc-pin .hhc-pill{opacity:0}#hh-cities .hhc-pill text{font-size:17px}#hh-cities .hhc-logo{width:13%}#hh-cities .hhc-logo.is-mini{width:8.5%}}@media (max-width:900px) and (max-height:640px){#hh-cities .hhc-eyebrow{display:none}#hh-cities .hhc-card{height:164px}#hh-cities .hhc-city{margin:4px 0 6px}}@media (min-width:901px) and (max-height:820px){#hh-cities .hhc-sub,#hh-cities .hhc-card p{display:none}#hh-cities .hhc-card{height:196px}}@media (prefers-reduced-motion:reduce){#hh-cities *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}#hh-cities svg text{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}#hh-cities .hhc-card,#hh-cities .hhc-head,#hh-cities .hhc-controls{transform:translateZ(0);-webkit-font-smoothing:antialiased}#hh-cities .hhc-logo img{image-rendering:auto}#hh-cities .hhc-areas button{font:600 12.5px/1 Poppins,sans-serif}.cd-skin-h #hh-cities{height:80vh;height:min(80svh,calc(100svh - var(--cd-hero-top,0px) - 6px));min-height:430px;max-height:960px}@media (max-width:900px){.cd-skin-h #hh-cities{min-height:390px;max-height:none}}#hh-cities .hhc-cta,#hh-cities .hhc-cta:hover{text-decoration:none}#hh-cities .hhc-areas button:focus-visible,#hh-cities .hhc-cta:focus-visible,#hh-cities .hhc-tab:focus-visible,#hh-cities .hhc-btn:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
