@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-sans-400-normal.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/dm-sans-500-normal.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/dm-sans-600-normal.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/dm-sans-700-normal.ttf') format('truetype')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#030c23;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{position:absolute;z-index:20;top:30px;left:2.3%;right:2.3%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:800;letter-spacing:1.5px}nav{display:flex;gap:8px;background:#ffffff06;padding:7px;border-radius:40px;backdrop-filter:blur(12px)}nav a{padding:13px 24px;font-size:13px;border-radius:30px;transition:.3s}nav a:hover,nav .active{background:#fff;color:#0b1325}#menuToggle{border:1px solid #ffffff0b;background:#ffffff08;border-radius:8px;padding:12px 16px;font-size:13px}#menu{position:fixed;z-index:30;inset:100px 3% auto auto;background:#111c39ed;backdrop-filter:blur(30px);border:1px solid #ffffff20;padding:30px;width:min(440px,94%);border-radius:20px}#menu a{display:flex;justify-content:space-between;padding:17px 0;font-size:28px;border-bottom:1px solid #ffffff20}#menu span{font-size:12px}.opening{height:150vh;position:relative}.hero-scene{height:100vh;min-height:660px;position:sticky;top:0;overflow:hidden;background:#050c17}.window-art{position:absolute;inset:-2%;background:url('assets/window.png') center/cover no-repeat;transform:scale(var(--zoom,1));will-change:transform}.hero-copy{position:absolute;top:26%;left:50%;width:430px;transform:translate(-50%,calc(var(--hero-y,0) * 1px));text-align:center;opacity:var(--hero-opacity,1)}h1{font-size:clamp(36px,4vw,62px);line-height:1.03;letter-spacing:-3px;font-weight:600;margin:0 0 22px}.hero-copy p{font-size:16px;line-height:1.6;margin:0 0 25px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:#fff;color:#10182b;border:0;border-radius:40px;padding:8px 8px 8px 25px;font-size:14px;min-height:48px;transition:transform .25s,box-shadow .25s}.pill span{display:grid;place-items:center;background:#1688ff;color:#fff;font-size:23px;width:34px;height:34px;border-radius:50%}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 35px #5a8dff55}.glass{border:1px solid #ffffff07;background:linear-gradient(115deg,#c2d4ff11,#9fc4ff0a);backdrop-filter:blur(15px);border-radius:22px;padding:28px;box-shadow:0 15px 35px #0000000c}.glass i{display:grid;place-items:center;width:40px;height:40px;background:#fff;border-radius:12px;color:#197cff;font:700 28px Arial;font-style:normal;margin-bottom:22px}h3{font-size:20px;line-height:1.15;letter-spacing:-.6px;margin:0 0 14px;font-weight:600}.glass p{font-size:14px;line-height:1.55;margin:0}.hero-card{position:absolute;top:60%;width:27%;max-width:350px;transform:translateY(calc(var(--card-y,0) * 1px));opacity:var(--hero-opacity,1)}.left{left:2.3%}.right{right:2.3%}.scroll-note{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;opacity:.65}.scroll-note span{display:block;text-align:center;font-size:20px;margin-top:8px}.brands{text-align:center;position:relative;min-height:1100px;padding:50px 25px 130px;overflow:hidden;background:linear-gradient(#030b20,#071748 55%,#244e9b)}h2{font-size:clamp(40px,5.4vw,78px);font-weight:500;line-height:1.04;letter-spacing:-3px;margin:0 0 30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}sup{color:#ef1465;font-size:25px;vertical-align:top}.brands p{font-size:14px;line-height:1.6}.cloud-layer{position:absolute;inset:35% 0 0;background:url('assets/clouds.jpg') center/cover;opacity:.65;mask-image:linear-gradient(transparent,#000 50%)}.brands>div:not(.cloud-layer){position:relative}.brand-row{display:flex;align-items:center;justify-content:space-around;gap:50px;margin:110px auto 150px;max-width:1200px;text-align:left}.brand-row span{font-size:12px}.brand-row b{font-size:10px;letter-spacing:1px}.brand-row strong{font-size:20px}.buildings{font-size:50px!important}.statement small,.section-title small,.project-heading small,.contact>small,dialog>small{letter-spacing:2px;font-size:10px}.statement h3{font-size:clamp(24px,3.8vw,52px);line-height:1.13;margin:30px auto;letter-spacing:-2px}.strategy{position:relative;padding:100px 2.5% 130px;background:linear-gradient(#244e9b88,#071747aa),url('assets/clouds.jpg') center/cover}.section-title{text-align:center;margin-bottom:80px}.section-title h2{margin:20px 0}.section-title p{font-size:14px}.strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}.strategy-card{height:440px;border:1px solid #ffffff0c;border-radius:20px;background:linear-gradient(155deg,#80aef718 15%,#2862ff90 65%,#234dff);padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 30px #00144933;transition:transform .5s}.strategy-card:nth-child(2){margin-top:80px}.strategy-card:nth-child(3){margin-top:30px;height:490px}.strategy-card:nth-child(4){margin-top:100px}.strategy-card:hover{transform:translateY(-12px)!important}.strategy-card small{font-size:12px}.strategy-card i{font-size:26px;font-style:normal}.strategy-card h3{font-size:26px;line-height:1.05;margin-top:22px}.strategy-card p{line-height:1.6;font-size:14px}.projects{padding:100px 3% 0;background:linear-gradient(#071747,#092458)}.project-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.project-heading h2{margin-top:25px}.project-tiles{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-top:70px}.project-image{height:280px;background:linear-gradient(transparent,#03113a88),url('assets/tower.jpg') center 50%/cover;border:1px solid #ffffff10;border-radius:24px;text-align:left;padding:30px;display:flex;align-items:end}.project-image span{font-size:20px}.culture{background:linear-gradient(130deg,#153786,#1b3470);display:flex;flex-direction:column;justify-content:space-between}.culture h3{font-size:40px;margin-top:30px}.culture p{opacity:.7}.new-york{height:840px;position:relative;overflow:hidden;background:#082454}.tower-art{position:absolute;inset:0;background:url('assets/tower.jpg') center/cover no-repeat;transform:scale(1.04)}.city-grid{position:relative;display:grid;grid-template-columns:28% 28%;justify-content:space-between;gap:35px;padding:220px 8% 100px}.city-grid .glass{background:#91baff18}.contact{text-align:center;padding:130px 4% 0;background:radial-gradient(ellipse at top,#173e84,#030a20 70%)}.contact h2{margin-top:30px}footer{margin-top:130px;padding:35px 0;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c0c9df}.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}dialog{border:1px solid #ffffff25;border-radius:28px;background:#0c1b3c;color:white;padding:45px;width:min(520px,92vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog h2{font-size:48px;margin-top:25px}.close{position:absolute;top:15px;right:18px;background:none;border:0;font-size:30px}label{display:block;font-size:12px;margin-bottom:20px}input,select{display:block;width:100%;margin-top:8px;border:1px solid #ffffff30;background:#17294b;color:white;border-radius:10px;padding:12px;color-scheme:dark}#planResult{font-size:12px;line-height:1.5;color:#bdcbe6}a:focus-visible,button:focus-visible{outline:2px solid #7fcaff;outline-offset:5px}@media(min-width:1500px){.window-art{background-size:100% 100%}}@media(max-width:760px){header{top:20px;left:5%;right:5%}.logo{font-size:18px}nav{display:none}.opening{height:125vh}.hero-scene{min-height:820px}.window-art{background-size:auto 100%;inset:0 -50%}.hero-copy{top:23%;width:90%;max-width:360px}h1{font-size:45px;letter-spacing:-2px}.hero-copy p{font-size:13px}.hero-card{top:64%;width:43%;padding:17px;border-radius:15px}.hero-card h3{font-size:15px}.hero-card p{font-size:11px}.glass i{width:30px;height:30px;font-size:21px;margin-bottom:15px}.brands{min-height:900px;padding-top:50px}h2{letter-spacing:-2px}.brand-row{gap:22px;flex-wrap:wrap;margin:75px 0 95px}.statement h3{letter-spacing:-1px}.statement br{display:none}.strategy{padding:75px 5%}.strategy-grid{grid-template-columns:1fr 1fr;gap:16px}.strategy-card{padding:20px;height:340px!important;margin-top:0!important}.strategy-card:nth-child(even){margin-top:35px!important}.strategy-card h3{font-size:21px}.strategy-card p{font-size:12px}.project-tiles{grid-template-columns:1fr}.culture{min-height:250px}.new-york{height:850px}.tower-art{background-size:auto 100%}.city-grid{padding:250px 5% 60px;grid-template-columns:44% 44%;gap:25px}.city-grid .glass{padding:18px}.city-grid h3{font-size:17px}.city-grid p{font-size:12px}.contact{padding-top:80px}footer{gap:25px;flex-wrap:wrap;margin-top:80px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}
