@font-face{font-family:Source LanTing;src:url(/assets/lan-ting-db.ttf) format("truetype");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}.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%}.phone-document>.phone-art{display:block;width:100%;height:auto}.phone-pill{z-index:3;border-radius:999px}.qa-view{position:relative;width:100%;background:#fff;container-type:inline-size}.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}.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}}