@font-face{font-family:Source LanTing;src:url(/assets/lan-ting-ui-v1.woff2) format("woff2");font-display:swap;font-weight:400}:root{font-family:Source LanTing,PingFang SC,sans-serif;--blue: #98bcff;--soft-blue: #c0d7ff;--u: calc(100vw / 1728);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--blue)}body{overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.site-shell{height:100dvh;display:grid;grid-template-columns:47.9166667% 52.0833333%;overflow:hidden}.navigation-panel{grid-column:1;grid-row:1;position:relative;z-index:3;min-width:0;background:var(--blue)}.mode-switcher{position:absolute;top:calc(45 * var(--u));left:calc(45 * var(--u));display:flex;gap:calc(15 * var(--u));isolation:isolate}.mode-switcher__indicator{position:absolute;width:calc(154 * var(--u));height:100%;border-radius:999px;background:#fff;z-index:-1;transition:transform .48s var(--ease),width .48s var(--ease)}.mode-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:max-content;padding:calc(10 * var(--u)) calc(23 * var(--u));color:#fff;opacity:.5;background:transparent;border:calc(4 * var(--u)) solid #fff;border-radius:999px;font-size:calc(25 * var(--u));line-height:1.32;white-space:nowrap;transition:color .28s,opacity .28s,border-color .28s}.mode-button>span{display:block;text-align:center;position:relative;top:.08em}.mode-button[data-mode=qa]>span{min-width:calc(64 * var(--u))}.mode-button.is-selected{color:var(--blue);opacity:1;border-color:transparent}.mode-button:hover{opacity:1}.mode-switcher{align-items:center}.studio-divider{flex:0 0 auto;width:calc(3 * var(--u));height:calc(27.527 * var(--u));margin-inline:calc(-1.5 * var(--u))}.studio-link{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:calc(10 * var(--u)) calc(23 * var(--u));border:calc(4 * var(--u)) solid #fff;border-radius:999px;color:#fff;opacity:.5;font-size:calc(25 * var(--u));line-height:1.32;white-space:nowrap;text-decoration:none;transition:opacity .28s,background-color .28s}.studio-link>span{position:relative;top:.08em}.studio-link:hover{opacity:1;background:#ffffff15}.studio-link:focus-visible{opacity:1;outline:2px solid #11444d;outline-offset:5px}button:focus-visible,.content-panel:focus-visible,.phone-screen:focus-visible{outline:2px solid #11444d;outline-offset:5px}.brand-lockup{position:absolute;left:calc(45 * var(--u));bottom:calc(45 * var(--u));width:calc(367.092 * var(--u));height:calc(77.6172 * var(--u))}.quick-nav{position:absolute;top:calc(45 * var(--u));right:calc(45 * var(--u));width:calc(160 * var(--u));height:calc(185 * var(--u));pointer-events:none}.quick-nav__wheel{position:absolute;right:0;top:0;width:calc(10.24 * var(--u))}.quick-nav__node{position:absolute;top:0;right:0;width:calc(10.24 * var(--u));height:calc(13.832 * var(--u));padding:0;background:none;border:0;pointer-events:auto;transition:transform .45s var(--ease)}.quick-nav__node:before{content:"";position:absolute;left:0;right:0;top:50%;height:100%;transform:translateY(-50%);border-radius:calc(5.12 * var(--u));background:var(--soft-blue);transition:height .45s var(--ease),background-color .22s}.quick-nav__node:after{content:"";position:absolute;left:-12px;right:-12px;top:calc(-2.5 * var(--u));bottom:calc(-2.5 * var(--u))}.quick-nav__node.is-preview:before{background:#fff;height:calc(27.22656 * var(--u))}.quick-nav__node.is-preview:after{top:calc(-9.2 * var(--u));bottom:calc(-9.2 * var(--u))}.quick-nav__bubble{position:absolute;right:calc(34.125 * var(--u));top:0;padding:0 calc(17.3 * var(--u));height:calc(37.3 * var(--u));min-width:calc(96.6 * var(--u));display:grid;place-items:center;border-radius:999px;color:#fff;background:var(--blue);white-space:nowrap;font-size:calc(15.4467 * var(--u));line-height:1;transition:transform .45s var(--ease),background-color .22s,opacity .2s}.quick-nav .quick-nav__bubble{background:#e5ff94;color:#0f9b7d}.quick-nav__bubble span{position:relative;top:.08em;text-align:center;animation:bubble-label .23s var(--ease)}.quick-nav__connector{position:absolute;right:calc(17.39 * var(--u));top:0;width:calc(12.62 * var(--u));height:calc(12.62 * var(--u));border-radius:50%;background:var(--soft-blue);transition:transform .45s var(--ease)}.content-panel{grid-column:2;grid-row:1;height:100dvh;min-width:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;outline:none}.content-panel::-webkit-scrollbar,.phone-screen::-webkit-scrollbar{display:none}.project-section{position:relative;width:100%;overflow:hidden;background:#fff}.section-art{display:block;width:100%;height:100%;object-fit:fill}.source-layer{position:absolute;display:block;object-fit:fill;pointer-events:none}.hero-header{z-index:2;mix-blend-mode:multiply}.laptop-screen{position:absolute;overflow:hidden;border-radius:1.3139%/2.2337%;pointer-events:none}.experience-link{position:absolute;z-index:4;border-radius:22%}.experience-link:focus-visible{outline:3px solid #11444d;outline-offset:3px}.phone-screen{position:absolute;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:none;border-radius:12.36%/5.7%;background:#fff}.phone-document{position:relative;width:100%;aspect-ratio:3000 / 15965;isolation:isolate}.phone-document>.phone-art{position:relative;z-index:0;display:block;width:100%;height:auto}.phone-art__tile{display:block;width:100%;height:auto}.phone-document>video{z-index:1}.phone-document>.phone-title{z-index:2}.phone-pill{z-index:3;border-radius:999px}.qa-view{position:relative;width:100%;background:#fff;container-type:inline-size}.qa-art{display:block;width:100%;height:auto}.qa-anchor{position:absolute;left:0;width:1px;height:1px}.qa-jump{position:absolute;display:block;border-radius:20%;cursor:pointer;transition:background-color .2s}.qa-jump:after{content:"";position:absolute;inset:-5px}.qa-jump:hover{background:#ffffff30}.qa-jump:focus-visible{outline:3px solid #0f9b7d;outline-offset:3px}.qa-view:not([hidden]){animation:panel-in .3s var(--ease)}.content-panel.is-entering{animation:panel-in .3s var(--ease)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes panel-in{0%{opacity:0}to{opacity:1}}@keyframes bubble-label{0%{opacity:.35;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@media(max-width:700px){:root{--u: 1px}.site-shell{grid-template-columns:100%;grid-template-rows:152px minmax(0,1fr)}.navigation-panel{grid-row:1}.mode-switcher{top:16px;left:18px;gap:12px}.studio-divider{display:none}.studio-link{position:absolute;top:76px;left:200px;padding:4px 12px;font-size:14px;border-width:2px}.mode-button{padding:6.5px 17.48px;font-size:19px;border-width:3px}.mode-button[data-mode=qa]>span{min-width:48.64px}.brand-lockup{top:79px;left:18px;bottom:auto;width:183px;height:auto}.quick-nav{top:18px;right:22px;width:130px;height:115px;--u: .66px}.quick-nav__bubble{font-size:11px;top:106px;right:0;transform:none!important}.quick-nav__connector{display:none}.content-panel{height:100%;grid-column:1;grid-row:2}.qa-view{grid-column:1;grid-row:2}}@media(max-width:360px){.brand-lockup{width:150px}.studio-link{left:162px;font-size:13px;padding-inline:10px}.mode-switcher{gap:10px}.mode-button{font-size:16px;padding:8.5px 14.72px}.mode-button[data-mode=qa]>span{min-width:40.96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.entry-loader{position:fixed;inset:0;z-index:1000;background:#98bcff;display:grid;place-items:center}.entry-loader[hidden],.entry-loader__action[hidden]{display:none}.entry-loader__stage{--s: min(1px, calc(100vw / 1728), calc(100dvh / 887));position:relative;width:calc(397 * var(--s));transform:translateY(calc(-38 * var(--s)))}.entry-loader__square{width:100%;aspect-ratio:1;position:relative;overflow:hidden;border-radius:calc(11.415 * var(--s));background:#0b9a46}.entry-loader__square video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.entry-loader__square video.is-current{opacity:1}.entry-loader__progress{display:flex;align-items:center;justify-content:center;gap:calc(9.45 * var(--s));margin-top:calc(19.54 * var(--s));height:calc(15.4 * var(--s));color:#fff}.entry-loader__track{width:calc(118.785 * var(--s));height:calc(10.512 * var(--s));background:#d9d9d9;border-radius:45px;overflow:hidden}.entry-loader__track span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.entry-loader__progress output{font:700 calc(12.123 * var(--s))/1.27 "Yuanti SC","PingFang SC",sans-serif;min-width:calc(38 * var(--s));font-variant-numeric:tabular-nums}.entry-loader__status{position:absolute;top:100%;margin:18px -45px 0;width:calc(100% + 90px);text-align:center;color:#fff;font:13px/1.6 PingFang SC,sans-serif}.entry-loader__action{position:absolute;top:calc(100% + 54px);left:50%;transform:translate(-50%);white-space:nowrap;border:0;border-radius:24px;padding:10px 22px;background:#fff;color:#466da8;cursor:pointer;font:600 14px/1.4 PingFang SC,sans-serif}.entry-loader__action:focus-visible{outline:3px solid #fff;outline-offset:4px}.entry-noscript{position:fixed;inset:70% 0 auto;z-index:1001;color:#fff;text-align:center}@media(max-width:700px){.entry-loader__stage{--s: min(.82px, calc((100vw - 64px) / 397), calc(100dvh / 680))}}