.page-0{min-height:100vh;position:relative;overflow:hidden}.p0-bg-wrap{z-index:0;background:#080e1a;position:absolute;inset:0;overflow:hidden}.p0-bg-video{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p0-bg-overlay{z-index:1;pointer-events:none;background:radial-gradient(#0000 35%,#080e1a73 100%);position:absolute;inset:0}.p0-bg-grain{z-index:2;opacity:.03;pointer-events:none;will-change:transform;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:absolute;inset:0;transform:translateZ(0)}.p0-hero-content{z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8vw;display:flex;position:absolute;inset:0}.p0-hero-title-group{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:20px;padding-top:8vh;display:flex}.p0-hero-bottom-group{flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:10vh;display:flex}.p0-title{flex-wrap:wrap;align-items:baseline;gap:20px;width:100%;margin:0;display:flex}.p0-title-big{letter-spacing:-2px;color:#fff;text-transform:uppercase;white-space:nowrap;font-size:6rem;line-height:1.05;display:block}.p0-word-light{letter-spacing:1px;color:#c8e1ffd9;font-family:Helvetica Neue,Helvetica Now Display,Helvetica,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}.p0-word-bold{color:#fff;text-shadow:0 0 30px #50a0ff59;font-family:Helvetica Neue,Helvetica Now Display,Helvetica,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:900;position:relative}.p0-subtitle{color:#fff;text-transform:none;letter-spacing:2px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.35rem;line-height:1.75;display:flex}.p0-sub-light{letter-spacing:2px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}.p0-highlight{color:#f5e6a3;text-shadow:0 0 12px #f5e6a34d}.p0-sub-boxed{color:#f5e6a3;letter-spacing:3px;transform-origin:0;text-shadow:0 0 15px #f5e6a34d;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.3rem;font-weight:800;display:inline-block;position:relative}.p0-sub-shenzhen-wrap{white-space:nowrap;align-items:center;gap:8px;display:inline-flex;position:relative}.p0-sub-in{letter-spacing:2px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}.p0-enter-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:26px;justify-content:center;align-items:center;width:140px;height:52px;margin:0;transition:background .4s,box-shadow .4s,transform .4s;display:flex;position:relative}.p0-enter-text{letter-spacing:4px;text-transform:uppercase;color:#000;z-index:2;font-size:.95rem;font-weight:600;position:relative}.p0-enter-ring{border:1px solid #ffffff40;border-radius:31px;animation:2.5s ease-in-out infinite p0-ringPulse;position:absolute;inset:-5px}.p0-enter-ring:after{content:"";border:1px solid #ffffff1f;border-radius:36px;animation:2.5s ease-in-out .5s infinite p0-ringPulse;position:absolute;inset:-5px}@keyframes p0-ringPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.p0-enter-btn:hover{background:#ffffffe6;transform:scale(1.06);box-shadow:0 0 30px #fff3}.p0-enter-btn:hover .p0-enter-text{color:#000}.p0-enter-btn:hover .p0-enter-ring{border-color:#fff6;animation-duration:1.5s}.p0-enter-btn:active{transform:scale(.95)}.p0-enter-btn.p0-enter-hide{opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;transform:scale(.8)}.p0-intro-overlay{z-index:9999;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.p0-hidden{visibility:hidden}.p0-hidden,.p0-hidden *,.p0-hidden :before,.p0-hidden :after{animation-play-state:paused!important}.p0-enter-transition{z-index:9998;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.p0-scroll-hint{z-index:10;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.p0-scroll-line{background:linear-gradient(#64b4ff80,#0000);width:1px;height:36px;animation:2s ease-in-out infinite p0-scrollPulse;display:block}@keyframes p0-scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.p0-scroll-text{letter-spacing:3px;text-transform:uppercase;color:#8cbef04d;font-size:.65rem}@media (width<=768px){.p0-title-big{letter-spacing:0;white-space:normal;font-size:2.6rem}.p0-subtitle{letter-spacing:1px;font-size:.85rem}.p0-sub-boxed{font-size:1rem}.p0-hero-content{padding:0 6vw}}@media (width<=480px){.p0-title-big{font-size:1.9rem}.p0-subtitle{font-size:.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:0 0}.global-fixed-bg{z-index:0;pointer-events:none;background-color:#5a89a6;background-image:url(/CASA0029-Data-Visualization-Group-Work/images/Page3background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.lazy-placeholder{background:0 0;width:100%;min-height:100vh;display:block}#page-5{height:100vh!important;max-height:100vh!important;overflow:hidden!important}body{color:#f2ebd9;background:0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{z-index:1;position:relative}.page video,.page-0 video{filter:contrast(.88)brightness(1.08)saturate(1.12)hue-rotate(-12deg)}.video-overlay{mix-blend-mode:multiply;pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 60%,#0f1b1f66),linear-gradient(#0000,#0f1b1f99);position:absolute;inset:0}.page-nav{z-index:100;-webkit-backdrop-filter:blur(12px);background:#2e5e7ea6;border:1px solid #a8c4d41f;border-radius:999px;flex-direction:column;align-items:center;gap:18px;padding:18px 10px;display:flex;position:fixed;top:50%;left:22px;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:#a8c4d459;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .25s,transform .25s,box-shadow .25s;position:relative}.nav-dot:hover{background:#a8c4d4b3;transform:scale(1.25)}.nav-dot.active{background:#e8a88b;box-shadow:0 0 0 4px #a8c4d440}.nav-dot-label{color:#fff;letter-spacing:.2px;white-space:nowrap;opacity:0;pointer-events:none;background:#e8a88b;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:500;line-height:1.2;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-6px);box-shadow:0 3px 10px #a8c4d44d}.nav-dot-label:before{content:"";background:#e8a88b;border-radius:1px;width:6px;height:6px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)rotate(45deg)}.nav-dot:hover .nav-dot-label,.nav-dot:focus-visible .nav-dot-label{opacity:1;transform:translateY(-50%)translate(0)}.loading{color:#a09888;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;display:flex}.global-menu-toggle{cursor:pointer;z-index:1020;-webkit-backdrop-filter:blur(10px);background:#2e5e7ea6;border:1px solid #a8c4d41f;border-radius:10px;flex-direction:column;gap:5px;padding:10px 11px;transition:background .25s,border-color .25s,transform .25s;display:flex;position:fixed;top:22px;right:32px}.global-menu-toggle:hover{background:#2e5e7ed9;border-color:#a8c4d466}.global-menu-toggle.on-page0{background:#080e1a66;border-color:#64b4ff33}.global-menu-toggle.on-page0 span{background:#b4d7ffcc}.global-menu-toggle span{transform-origin:50%;background:#0f1b1fd9;width:22px;height:1.5px;transition:all .3s;display:block}.global-menu-toggle.open{background:#2e5e7eeb;border-color:#a8c4d480}.global-menu-toggle.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.global-menu-toggle.open span:nth-child(2){opacity:0}.global-menu-toggle.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.global-topbar-nav{-webkit-backdrop-filter:blur(20px);z-index:1010;pointer-events:none;background:#2e5e7ef2;border-left:1px solid #a8c4d41a;flex-direction:column;gap:8px;width:min(320px,82vw);height:100vh;padding:110px 40px 40px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.global-topbar-nav.open{pointer-events:auto;transform:translate(0)}.global-topbar-nav a{color:#0f1b1fb3;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #a8c4d41a;padding:14px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s,padding-left .3s;position:relative}.global-topbar-nav a:before{content:"";background:#e8a88b;width:0;height:1px;transition:width .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.global-topbar-nav a:hover{color:#e8a88b;padding-left:14px}.global-topbar-nav a:hover:before{width:8px}.global-nav-overlay{opacity:0;pointer-events:none;z-index:1005;background:#00285033;transition:opacity .3s;position:fixed;inset:0}.global-nav-overlay.visible{opacity:1;pointer-events:auto}@media (width<=768px){.global-menu-toggle{padding:9px 10px;top:16px;right:18px}}