:root{color-scheme:light;--navy:#091735;--blue:#2767ee;--muted:#5f6b82;--line:#dce5f3;--bg:#f5f8fc;--white:#fff;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy)}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px;z-index:20}.skip:focus{left:8px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,#4e8eff,#1354db);display:grid;place-items:center;color:#fff;font:800 16px Outfit;box-shadow:0 9px 20px #286ae849}.brand strong{display:block;font:800 19px Outfit;letter-spacing:-.8px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#4c80e7;font-weight:800;margin-top:2px}.topbar nav{display:flex;gap:36px;font-size:13px;font-weight:800;color:#344362}.topbar nav a:hover{color:var(--blue)}.top-cta,.primary{background:#2369ed;color:#fff;border-radius:13px;padding:14px 19px;font-weight:800;font-size:13px;box-shadow:0 10px 24px #2767ee30}.top-cta span,.primary span{margin-left:10px}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;gap:25px;padding:64px max(24px,calc((100vw - 1320px)/2));background:radial-gradient(circle at 78% 45%,#dceeff 0,transparent 37%),linear-gradient(125deg,#f8fbff,#edf3fc);overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#2869e9;margin:0 0 20px}.live-dot{display:inline-block;width:8px;height:8px;background:#35c985;border-radius:50%;box-shadow:0 0 0 4px #35c98524;margin-right:7px}.hero h1,.section-heading h2,.about h2{font-family:Outfit,Arial,sans-serif;letter-spacing:-2px;line-height:1.04}.hero h1{font-size:clamp(46px,4.4vw,72px);margin:0 0 24px}.hero h1 em{font-style:normal;color:#2a70f6}.hero-copy>p:not(.eyebrow){max-width:550px;color:#53627a;line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:15px;align-items:center;margin-top:31px}.secondary{border:1px solid #cad8eb;padding:13px 17px;border-radius:13px;color:#173e7b;font-weight:800;font-size:13px;background:#fff}.hero-stats{display:flex;gap:33px;margin-top:49px}.hero-stats span{display:grid;gap:2px;border-right:1px solid #d7e2f2;padding-right:31px}.hero-stats span:last-child{border:0}.hero-stats strong{font:800 24px Outfit}.hero-stats small{color:#61708b;font-size:12px}.hero-art{position:relative;min-height:410px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #a8c7fb;border-radius:50%;transform:rotate(-18deg)}.art-orbit.one{width:500px;height:280px}.art-orbit.two{width:610px;height:360px;opacity:.4}.art-building{width:min(85%,500px);height:270px;background:linear-gradient(145deg,#17376f,#09214e);border:10px solid #fff;border-bottom-width:20px;border-radius:24px;box-shadow:0 36px 55px #143a8040;transform:perspective(700px) rotateY(-9deg) rotateX(3deg);position:relative;overflow:hidden}.art-roof{background:linear-gradient(90deg,#2f76f4,#6aa2ff);height:50px;display:grid;place-items:center;color:white;font:800 15px Outfit;letter-spacing:2px}.art-windows{display:flex;gap:18px;padding:35px 24px 0}.art-windows i{height:110px;flex:1;background:linear-gradient(160deg,#9fd6f8,#3f80cb 60%,#1b467b);border:6px solid #85b6ff;border-radius:8px}.art-doors{position:absolute;bottom:0;left:42%;height:75px;width:17%;background:#79c5fb;border:5px solid #b6e1ff;border-bottom:0;border-radius:8px 8px 0 0}.art-card{position:absolute;background:#fff;border-radius:12px;padding:11px 15px;box-shadow:0 13px 30px #16386e27;font-weight:800;font-size:13px}.card-a{top:48px;left:0;color:#dc5499;transform:rotate(-7deg)}.card-b{top:110px;right:-7px;color:#2871dd;transform:rotate(6deg)}.card-c{bottom:38px;left:26px;color:#ad6a1f;transform:rotate(5deg)}.walk-section,.directory,.about{max-width:1370px;margin:auto;padding:80px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:29px}.section-heading h2,.about h2{font-size:clamp(36px,3.4vw,52px);margin:0 0 12px}.section-heading p:not(.eyebrow){margin:0;color:#66748a}.floor-badge{font-size:11px;font-weight:800;letter-spacing:1px;color:#346bca;background:#eaf2ff;border:1px solid #cfe0fb;border-radius:40px;padding:13px}.floor-badge b{color:#60cf91}.mall-shell{background:#fff;border:1px solid #d7e2f1;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px #19365713}.mall-toolbar{height:52px;background:#0a1a3d;color:#eff6ff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:800;letter-spacing:1px}.mall-toolbar button{border:1px solid #627ba6;background:transparent;color:#fff;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.viewport{height:620px;overflow:hidden;position:relative;background:#dbe8f8;outline:none}.viewport:focus-visible{outline:4px solid #f9a434;outline-offset:-4px}.scene{width:1980px;height:620px;position:absolute;left:0;top:0;transition:transform .12s linear;background:linear-gradient(#dce9f9 0 42%,#ecf2f8 42% 57%,#d6e3f2 57%)}.scene-ceiling{height:52px;background:linear-gradient(#142750,#213e72);display:flex;align-items:center;justify-content:space-around;color:#c9e3ff;font:700 11px Outfit;letter-spacing:2px;border-bottom:6px solid #6887b1}.shop-row{position:absolute;left:80px;width:1800px;display:grid;grid-template-columns:repeat(6,280px);gap:20px}.row-top{top:62px}.row-bottom{top:390px}.facade{height:205px;background:#fff;border:2px solid #a6bcda;border-radius:12px 12px 4px 4px;position:relative;overflow:hidden;box-shadow:0 12px 18px #12376627;cursor:pointer;text-align:center;padding:0;color:#122748;transition:transform .2s,box-shadow .2s}.facade:hover,.facade:focus-visible{transform:translateY(-5px);box-shadow:0 17px 28px #12376644;outline:3px solid #fff}.facade .awning{height:31px;background:repeating-linear-gradient(90deg,var(--accent) 0 28px,#fff 28px 45px);border-bottom:3px solid var(--accent)}.facade .sign{display:block;background:#fff;margin:7px 13px 9px;padding:7px 3px;border-radius:7px;box-shadow:0 3px 9px #0a1b3818;font:800 18px Outfit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.facade .window-row{display:flex;gap:10px;padding:0 14px;height:73px}.facade .window{flex:1;background:linear-gradient(155deg,#d7f3ff,#8ec8eb 55%,#bce5fa);border:5px solid var(--accent);border-radius:5px;display:grid;place-items:center;color:#1c4974;font-size:25px}.facade .door{width:56px;background:linear-gradient(145deg,#bae8ff,#588fc9);border:5px solid var(--accent);border-radius:6px 6px 0 0;position:relative}.facade .door:after{content:'';width:5px;height:5px;border-radius:50%;background:#f9f2ae;position:absolute;right:4px;top:37px}.facade .status-strip{position:absolute;bottom:0;height:30px;left:0;right:0;background:var(--accent);display:grid;place-items:center;color:white;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.facade.soon{opacity:.75}.facade.soon .status-strip{background:#61748e}.empty-slot{border:2px dashed #9eb4ce;border-radius:12px;background:#e5eef8a6;height:205px;display:grid;place-items:center;color:#6b85a9;font-size:12px;font-weight:800;letter-spacing:1px}.corridor{position:absolute;left:0;top:270px;width:1980px;height:120px;background:repeating-linear-gradient(90deg,#f9fcff 0 164px,#e4ebf5 164px 167px);border-block:9px solid #8ca9ce;box-shadow:inset 0 12px 15px #6d85a324}.corridor-stripe{height:2px;background:#aec1d9;position:absolute;top:58px;width:100%;border-top:2px dashed #fff}.player{position:absolute;top:14px;left:180px;width:50px;height:86px;z-index:2;transition:left .12s linear;filter:drop-shadow(0 7px 4px #38507777)}.player-head{position:absolute;left:15px;top:0;width:22px;height:22px;border-radius:50%;background:#eeb387;border:3px solid #13294a}.player-body{position:absolute;left:8px;top:23px;width:36px;height:47px;background:linear-gradient(115deg,#3578f3,#173f9a);border:3px solid #102c60;border-radius:14px 14px 7px 7px}.player-body:after{content:'';position:absolute;left:4px;bottom:-17px;width:20px;height:17px;border-left:7px solid #183766;border-right:7px solid #183766}.player-shadow{position:absolute;top:80px;left:0;width:50px;height:9px;background:#455e7560;border-radius:50%}.corridor-label{position:absolute;right:150px;top:45px;font-size:10px;letter-spacing:3px;font-weight:800;color:#9db0ca}.walk-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;background:#f8fbff}.walk-controls button{border:1px solid #cbdaf1;background:#fff;border-radius:10px;padding:12px 18px;font-weight:800;color:#1852b2;min-width:130px}.walk-controls button:hover{background:#e9f2ff}.walk-controls p{font-size:12px;color:#63718a;text-align:center;margin:0}.directory{padding-top:35px}.filters{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.search{height:46px;min-width:min(100%,340px);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6e1ef;border-radius:10px;padding:0 14px;color:#6e85a8}.search span{font-size:25px}.search input{border:0;outline:0;flex:1;min-width:0;color:#102448}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filters button{border:1px solid #d5e1f0;border-radius:20px;padding:9px 13px;background:#fff;color:#586d89;font-size:12px;font-weight:800}.category-filters button.active{background:#1e62e6;color:#fff;border-color:#1e62e6}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.shop-card{background:#fff;border:1px solid #dce6f3;border-radius:16px;padding:17px;box-shadow:0 12px 24px #1a39700d}.shop-card .card-icon{height:105px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 75%),#fff);display:grid;place-items:center;font:800 42px Outfit;color:var(--accent);margin-bottom:17px}.shop-card small{color:#6e7f98;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:10px}.shop-card h3{font:800 22px Outfit;margin:6px 0}.shop-card p{color:#61718c;font-size:13px;min-height:39px;line-height:1.5}.shop-card button{border:0;background:#eef4ff;color:#1255d4;width:100%;padding:12px;border-radius:9px;font-weight:800}.shop-card button:hover{background:#dceaff}.empty-results{padding:24px;color:#60708a;background:#fff;border-radius:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:70px;background:#091a3c;max-width:none;padding-left:max(24px,calc((100vw - 1320px)/2));padding-right:max(24px,calc((100vw - 1320px)/2));color:#fff}.about h2{margin:0 0 20px}.about>div>p:not(.eyebrow){color:#bbcae0;line-height:1.8;max-width:500px}.about .eyebrow{color:#82adff}.steps{display:grid;gap:14px}.steps article{display:flex;gap:17px;padding:20px;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:13px}.steps b{color:#83b7ff;font:800 22px Outfit}.steps h3{margin:0 0 5px;font:700 17px Outfit}.steps p{margin:0;color:#bbcae0;font-size:13px;line-height:1.5}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1370px;margin:auto;padding:0 24px 42px}footer p{color:#6e7b91;font-size:13px}footer>a{color:#245fd5;font-weight:800;font-size:13px}dialog{width:min(94vw,440px);border:0;border-radius:20px;padding:30px;box-shadow:0 26px 100px #09173599;color:#122747}dialog::backdrop{background:#071631aa;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:#eff3f9;width:34px;height:34px;border-radius:50%;font-size:23px;color:#425777}dialog .eyebrow{margin-bottom:15px}.dialog-monogram{width:76px;height:76px;display:grid;place-items:center;background:#e9f2ff;border-radius:17px;font:800 27px Outfit;color:#1f5fda}dialog h2{font:800 32px Outfit;letter-spacing:-1px;margin:18px 0 2px}dialog .dialog-category{font-size:12px;color:#326aca;text-transform:uppercase;font-weight:800;letter-spacing:1px}dialog p{line-height:1.55;color:#5d6980}dialog #dialogAction a{display:block;text-align:center;background:#2369ed;color:#fff;border-radius:10px;padding:14px;font-weight:800;margin:24px 0 16px}dialog #dialogAction span{display:block;text-align:center;background:#edf2f9;color:#526985;border-radius:10px;padding:14px;font-weight:800;margin:24px 0 16px}dialog small{display:block;color:#7e8aa0;line-height:1.5}@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{min-height:320px}.section-heading{align-items:start}.about{grid-template-columns:1fr;gap:30px}.viewport{height:600px}.scene{height:600px}.row-bottom{top:380px}}@media(max-width:600px){.topbar{height:68px;padding:0 16px}.brand strong{font-size:16px}.top-cta{padding:10px 12px;font-size:11px}.hero{padding:40px 20px 30px}.hero h1{font-size:43px}.hero-actions{flex-wrap:wrap}.hero-stats{gap:17px;margin-top:35px}.hero-stats span{padding-right:16px}.hero-art{min-height:260px}.art-building{height:210px}.art-windows{padding-top:20px}.art-windows i{height:85px}.art-orbit.one{width:340px}.art-orbit.two{width:390px}.art-card{font-size:10px}.walk-section,.directory{padding:55px 14px}.section-heading h2,.about h2{font-size:36px}.floor-badge{display:none}.mall-toolbar{font-size:9px;padding:0 9px}.mall-toolbar #positionLabel{display:none}.viewport{height:590px}.walk-controls{padding:10px}.walk-controls button{min-width:70px;padding:11px}.walk-controls button span{display:none}.walk-controls p{font-size:11px}.about{padding:55px 20px}.steps article{padding:15px}footer{padding:0 20px 30px;flex-wrap:wrap}footer p{display:none}}
