.lab-page{--lab-ink:#22283c;--lab-muted:#687080;--lab-line:#dfdfe7;color:var(--lab-ink);background:#fafafd}
.lab-wrap{width:min(1180px,88%);margin-inline:auto}.lab-header{height:82px;border-bottom:1px solid var(--lab-line)}.lab-nav{display:flex;align-items:center;height:100%;gap:26px}.lab-nav-label{font-size:15px;color:#716985}.lab-nav-actions{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:13px}.lab-nav-actions>a:hover{color:#7666bc}.lab-eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.7px;font-weight:600;color:#6c7081}
.lab-hero{padding-top:74px;padding-bottom:65px;position:relative;isolation:isolate}.lab-hero h1{font-size:clamp(78px,9.8vw,138px);font-weight:500;letter-spacing:-7px;line-height:1.1;margin-top:21px}.lab-hero h1>span{color:#9e8ccf}.lab-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-top:35px}.lab-hero h2{font-size:clamp(26px,3.1vw,38px);font-weight:450;line-height:1.3;letter-spacing:-1.2px}.lab-hero-bottom>div>p{font-size:15px;line-height:1.85;max-width:460px;color:var(--lab-muted)}.lab-hero-note{display:block;margin-top:22px;color:#767a87;font-size:11px;letter-spacing:.3px}
.lab-hero-orbit{position:absolute;width:240px;height:200px;right:25px;top:42px;z-index:-1;opacity:.85}.lab-hero-orbit i{position:absolute;inset:28px 10px;border:1px solid #c6bddf;border-radius:50%;transform:rotate(-32deg)}.lab-hero-orbit i:nth-child(2){inset:44px -6px;transform:rotate(28deg)}.lab-hero-orbit i:nth-child(3){inset:21px 60px;transform:rotate(20deg);background:#eee8fb88;border-color:#e4dcf1}.lab-hero-orbit b{position:absolute;left:104px;top:72px;font-size:40px;font-weight:300;color:#9182b7}
.lab-collection{border-top:1px solid var(--lab-line);padding-top:25px}.lab-collection-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.lab-filters{display:flex;gap:6px;flex-wrap:wrap}.lab-filters button{border:0;background:transparent;color:#6d7080;cursor:pointer;padding:8px 12px;border-radius:18px;font-size:11px;white-space:nowrap}.lab-filters button span{font-size:9px;margin-left:5px;color:#8a8796}.lab-filters button:hover{background:#eeedf4}.lab-filters button.is-active{background:#ebe6f6;color:#5c4e81}.lab-filter-status{font-size:11px;color:var(--lab-muted);min-height:20px;margin-top:9px}
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:12px}.lab-card{border:1px solid #e4e3eb;background:white;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.lab-card:hover{border-color:#c7bddc;box-shadow:0 10px 28px #31334c06}.lab-card[hidden]{display:none}.lab-card-art{display:block;position:relative;background:var(--art-bg);border-bottom:1px solid #e7e5ed;padding:8px 22px;overflow:hidden}.lab-color-violet{--art-bg:#f0ecf9}.lab-color-blue{--art-bg:#edf3f9}.lab-color-peach{--art-bg:#f7f0e9}.lab-color-mint{--art-bg:#edf4f0}.lab-color-rose{--art-bg:#f7eef3}.lab-art{display:block;width:100%;height:280px}.lab-art-caption{position:absolute;left:23px;bottom:16px;color:#666579;font-size:8px;letter-spacing:1.25px;line-height:1.5}.lab-card-copy{padding:28px 29px 27px;flex:1;display:flex;flex-direction:column}.lab-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.lab-index{font-size:10px;letter-spacing:.3px;color:#787787}.lab-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;font-size:9px;line-height:1.5;font-weight:500;border:1px solid #dedbe7;border-radius:20px;color:#6f6389;white-space:nowrap}.lab-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.lab-stage-demo,.lab-stage-prototype{color:#587c70;border-color:#dae6e0;background:#f5faf7}.lab-stage-evaluation{color:#5a7387;border-color:#d9e4ec;background:#f4f8fc}.lab-stage-concept{background:#f8f5ff}.lab-card h2{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.25;margin-top:20px}.lab-card h2>a{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-card-arrow{font-size:22px;color:#8b819f;font-weight:300;transition:transform .2s}.lab-card:hover .lab-card-arrow{transform:translate(2px,-2px)}.lab-card-tagline{font-size:15px;line-height:1.65;margin-top:12px;max-width:380px}.lab-card-description{font-size:12px;line-height:1.9;color:var(--lab-muted);margin-top:13px}.lab-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:22px 0 24px}.lab-tags li{font-size:9px;color:#767083;padding:5px 7px;background:#f6f5f9;border-radius:4px}.lab-text-link{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:18px;width:fit-content}.lab-text-link:hover{color:#7666bc}.lab-card .lab-text-link{margin-top:auto}.lab-featured{grid-column:1/-1;display:grid;grid-template-columns:1.08fr 1fr;min-height:355px}.lab-featured .lab-card-art{grid-column:2;grid-row:1;border-bottom:0;border-left:1px solid #e7e5ed;padding:26px 10px;display:flex;align-items:center}.lab-featured .lab-card-copy{grid-column:1;grid-row:1;padding:34px}.lab-featured .lab-art{height:300px}.lab-featured h2{font-size:39px;margin-top:22px}.lab-featured .lab-card-tagline{font-size:19px}.lab-featured .lab-card-description{max-width:470px}
.lab-note{margin-top:70px;padding:35px 0 60px;border-top:1px solid var(--lab-line);display:flex;gap:30px;max-width:1180px}.lab-note-icon{font-size:30px;color:#a094bd;flex-shrink:0}.lab-note h2{font-size:23px;line-height:1.5;letter-spacing:-.6px;font-weight:450}.lab-note p{font-size:13px;line-height:1.9;max-width:750px;margin-top:12px;color:var(--lab-muted)}
.lab-footer{padding:37px 0 25px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--lab-line)}.lab-footer>div>p{font-size:12px;color:var(--lab-muted);margin-top:12px}.lab-contact{font-size:13px;align-self:center}.lab-contact span{margin-left:12px;color:#8d7da9}.lab-footer-bottom{display:flex;justify-content:space-between;gap:20px;width:100%;padding-top:22px;margin-top:20px;font-size:9px;color:#777c89;border-top:1px solid #e8e7ed}
.lab-detail-lead{padding-top:34px;padding-bottom:45px}.lab-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#7a7a8b}.lab-breadcrumb>a{color:#65527e}.lab-detail-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:52px}.lab-detail-lead h1{font-size:clamp(40px,6vw,76px);font-weight:500;letter-spacing:-3px;line-height:1.15;margin-top:20px;overflow-wrap:anywhere}.lab-detail-tagline{font-size:clamp(20px,2.4vw,29px);line-height:1.5;letter-spacing:-.6px;margin-top:15px;max-width:950px}.lab-detail-intro{font-size:15px;color:var(--lab-muted);line-height:1.9;max-width:780px;margin-top:20px}.lab-detail-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.lab-primary-link{font-size:12px;padding:13px 17px;border-radius:6px;display:inline-flex;gap:25px;align-items:center;background:#282a3c;color:white}.lab-primary-link:hover{background:#4b405e}.lab-detail-art{position:relative;border:1px solid #e3e1ec;border-radius:12px;background:var(--art-bg);overflow:hidden;min-height:350px}.lab-detail-art .lab-art{height:385px;margin:auto;width:min(100%,710px)}.lab-story{display:grid;grid-template-columns:1.3fr .8fr;gap:105px;padding-block:70px}.lab-story h2{font-size:30px;font-weight:450;line-height:1.4;letter-spacing:-.8px;margin-top:20px;max-width:680px}.lab-story>div>p:last-child{font-size:14px;line-height:1.95;color:var(--lab-muted);margin-top:20px}.lab-project-facts{display:grid;gap:22px;align-content:start}.lab-project-facts>div{border-top:1px solid var(--lab-line);padding-top:14px}.lab-project-facts dt{font-size:10px;color:#797383;letter-spacing:.4px}.lab-project-facts dd{font-size:13px;line-height:1.85;margin-top:8px}.lab-process{padding-bottom:65px;border-bottom:1px solid var(--lab-line)}.lab-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:28px}.lab-step-number{font-size:11px;color:#9c8ab6}.lab-step-grid h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-top:14px}.lab-step-grid p{font-size:12px;color:var(--lab-muted);line-height:1.9;margin-top:10px}
.lab-example{padding-block:65px;scroll-margin-top:25px}.lab-example>h2{font-size:32px;font-weight:450;letter-spacing:-.8px;line-height:1.35;margin-top:18px}.lab-example-label{font-size:11px;line-height:1.8;color:#837788;margin-top:17px}.lab-example-box{display:grid;grid-template-columns:.65fr 1.65fr;border:1px solid #dedbe7;border-radius:10px;overflow:hidden;margin-top:26px;min-height:258px;background:#fff}.lab-example-tabs{padding:16px;background:#f1edf8;display:grid;align-content:center;gap:5px}.lab-example-tabs button{background:transparent;border:1px solid transparent;text-align:left;padding:15px 16px;cursor:pointer;color:#71627e;font-size:13px;border-radius:5px;display:flex;gap:20px;align-items:center}.lab-example-tabs button>span{font-size:10px;color:#9b8ba9}.lab-example-tabs button[aria-selected=true]{background:white;border-color:#e3dcea;color:#3f354e;box-shadow:0 3px 5px #28233b03}.lab-example-panel{padding:36px 42px;align-self:center}.lab-example-panel[hidden]{display:none}.lab-example-count{font-size:10px;letter-spacing:1px;color:#9b88b4}.lab-example-panel h3{font-size:26px;font-weight:450;line-height:1.5;letter-spacing:-.6px;margin-top:14px}.lab-example-panel p{font-size:14px;line-height:1.9;color:var(--lab-muted);margin-top:17px;max-width:700px}.lab-example-boundary{font-size:11px;line-height:1.85;color:#7c7b88;max-width:900px;margin-top:18px}
.lab-mechanics{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-block:50px 70px;border-top:1px solid var(--lab-line)}.lab-mechanics h2{font-size:27px;font-weight:450;line-height:1.5;letter-spacing:-.7px;margin-top:18px}.lab-mechanism-list details{border-bottom:1px solid var(--lab-line);padding:19px 0}.lab-mechanism-list details:first-child{padding-top:0}.lab-mechanism-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:20px}.lab-mechanism-list summary::-webkit-details-marker{display:none}.lab-mechanism-list summary>span{font-size:21px;color:#9684a7;transition:transform .2s}.lab-mechanism-list details[open] summary>span{transform:rotate(45deg)}.lab-mechanism-list details p{font-size:13px;line-height:1.9;margin-top:15px;padding-right:25px;color:var(--lab-muted)}.lab-progress{background:#f0eef6;border:1px solid #e4e0eb;border-radius:9px;padding:30px 35px;display:grid;grid-template-columns:1fr 1fr;gap:30px 60px}.lab-progress h2{font-size:22px;font-weight:450;letter-spacing:-.5px;margin-top:14px}.lab-progress>div>p:last-child{font-size:13px;line-height:1.9;color:var(--lab-muted);margin-top:12px}.lab-provenance{grid-column:1/-1;font-size:11px;line-height:1.85;color:#777080;padding-top:20px;border-top:1px solid #dcd6e5}.lab-project-nav{padding-block:48px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#6e5b83}
html[lang=zh-CN] .lab-hero h2,html[lang=zh-CN] .lab-story h2{line-height:1.5;letter-spacing:0}html[lang=zh-CN] .lab-card-tagline,html[lang=zh-CN] .lab-detail-tagline{letter-spacing:0}html[lang=zh-CN] .lab-card-description{font-size:13px}html[lang=zh-CN] .lab-card-meta{gap:8px}
@media(min-width:1550px){.lab-hero{padding-top:92px;padding-bottom:80px}.lab-grid{gap:40px}.lab-featured{min-height:385px}}
@media(max-width:1000px){.lab-grid{gap:22px}.lab-hero-bottom{gap:40px}.lab-hero-orbit{right:0}.lab-card-copy{padding:24px}.lab-featured .lab-card-copy{padding:26px}.lab-art{height:245px}.lab-featured .lab-art{height:280px}.lab-story{gap:50px}.lab-mechanics{gap:40px}.lab-card h2{font-size:24px}.lab-featured h2{font-size:34px}}
@media(max-width:760px){.lab-wrap{width:89%}.lab-header{height:68px}.lab-nav{gap:15px}.lab-nav .wordmark{font-size:20px}.lab-nav-label{font-size:12px}.lab-nav-label{display:none}.lab-nav-actions{gap:12px}.lab-nav-actions .lab-back-portfolio{font-size:11px;white-space:nowrap}.lab-hero{padding-top:46px;padding-bottom:40px}.lab-hero h1{font-size:clamp(65px,13.5vw,96px);letter-spacing:-4px;margin-top:17px}.lab-hero-bottom{grid-template-columns:1fr;gap:22px;margin-top:23px}.lab-hero h2{font-size:27px;letter-spacing:-.6px}.lab-hero-bottom>div>p{font-size:13px;line-height:1.9;max-width:470px}.lab-hero-note{font-size:10px;margin-top:15px}.lab-hero-orbit{width:115px;height:115px;right:6px;top:34px;opacity:.55}.lab-hero-orbit i{inset:25px 0}.lab-hero-orbit i:nth-child(2){inset:32px -6px}.lab-hero-orbit i:nth-child(3){inset:10px 35px}.lab-hero-orbit b{left:47px;top:37px;font-size:26px}.lab-collection-top{align-items:flex-start;flex-direction:column;gap:15px}.lab-filters{gap:3px}.lab-filters button{font-size:10px;padding:7px 9px}.lab-grid{grid-template-columns:1fr;gap:25px;margin-top:8px}.lab-featured{display:flex;min-height:auto;grid-column:auto}.lab-featured .lab-card-art{border-left:0;border-bottom:1px solid #e7e5ed;padding:8px 22px}.lab-art,.lab-featured .lab-art{height:245px}.lab-card-copy,.lab-featured .lab-card-copy{padding:23px}.lab-card h2,.lab-featured h2{font-size:28px;margin-top:19px;letter-spacing:-1px}.lab-card-tagline,.lab-featured .lab-card-tagline{font-size:16px}.lab-card-description{font-size:13px}.lab-card-meta{gap:9px}.lab-index{font-size:9px}.lab-badge{font-size:8px}.lab-art-caption{font-size:7px;left:20px;bottom:13px}.lab-note{margin-top:40px;padding:27px 0 35px;gap:18px}.lab-note h2{font-size:20px}.lab-note p{font-size:12px}.lab-footer{padding-top:28px}.lab-footer .wordmark{font-size:21px}.lab-contact{font-size:12px}.lab-footer-bottom{font-size:9px;flex-wrap:wrap;line-height:1.7;gap:12px}.lab-footer-bottom>span:nth-child(2){width:100%;order:3}.lab-footer-bottom>a{margin-left:auto}.lab-detail-lead{padding-top:25px;padding-bottom:30px}.lab-detail-meta{margin-top:35px;gap:12px}.lab-detail-lead h1{font-size:clamp(34px,9vw,54px);letter-spacing:-1.5px;line-height:1.2}.lab-detail-tagline{font-size:21px;margin-top:16px}.lab-detail-intro{font-size:13px;line-height:1.95}.lab-detail-actions{gap:20px;margin-top:22px}.lab-text-link,.lab-primary-link{font-size:11px}.lab-detail-art{min-height:235px;border-radius:8px}.lab-detail-art .lab-art{height:250px}.lab-detail-art .lab-art-caption{font-size:6px;letter-spacing:.7px}.lab-story{grid-template-columns:1fr;gap:30px;padding-block:40px}.lab-story h2{font-size:25px;line-height:1.45;letter-spacing:-.5px}.lab-story>div>p:last-child{font-size:13px}.lab-project-facts{gap:17px}.lab-project-facts dd{font-size:12px}.lab-process{padding-bottom:40px}.lab-step-grid{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:22px}.lab-step-grid h3{font-size:19px}.lab-step-grid p{font-size:12px}.lab-example{padding-block:42px}.lab-example>h2{font-size:27px}.lab-example-label{font-size:10px}.lab-example-box{grid-template-columns:1fr;min-height:320px}.lab-example-tabs{display:flex;justify-content:space-between;gap:3px;padding:10px}.lab-example-tabs button{display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:center;padding:10px 7px;font-size:11px;flex:1}.lab-example-tabs button>span{font-size:8px}.lab-example-panel{padding:25px 24px;min-height:225px}.lab-example-panel h3{font-size:23px;line-height:1.45}.lab-example-panel p{font-size:12px}.lab-example-boundary{font-size:10px}.lab-mechanics{grid-template-columns:1fr;gap:27px;padding-block:35px 40px}.lab-mechanics h2{font-size:24px}.lab-mechanism-list summary{font-size:13px}.lab-mechanism-list details p{font-size:12px}.lab-progress{padding:25px 22px;grid-template-columns:1fr;gap:28px}.lab-progress h2{font-size:20px}.lab-progress>div>p:last-child{font-size:12px}.lab-provenance{font-size:10px}.lab-project-nav{padding-block:33px}}
@media(prefers-reduced-motion:reduce){.lab-page *{transition:none!important}.lab-page{scroll-behavior:auto}}