.pending-screen{z-index:20;background:var(--ml-paper);opacity:1;min-height:100dvh;transition:opacity .18s var(--ml-ease-out);place-items:center;padding:clamp(1.5rem,4vw,3.5rem);display:grid;position:fixed;inset:0}.pending-screen--leaving{pointer-events:none;opacity:0}.pending-screen__launch{isolation:isolate;align-content:center;place-items:center;gap:.875rem;width:100%;height:100%;display:grid;position:relative}.pending-screen__rocket{will-change:transform;width:min(20rem,62vw);display:grid;position:relative;transform:translate(0,0)}.pending-screen__rocket-image{grid-area:1/1;width:100%;height:auto}.pending-screen__rocket-image--colour{opacity:0}.pending-screen__rocket-image--monochrome{filter:grayscale()saturate(0)contrast(.78)}.pending-screen--active .pending-screen__rocket-image--colour{animation:1.2s linear forwards pending-colour-in}.pending-screen--active .pending-screen__rocket-image--monochrome{animation:1.2s linear forwards pending-monochrome-out}.pending-screen--active .pending-screen__rocket{animation:.12s linear .6s 3 pending-rocket-rattle}.pending-screen__progress{justify-self:center;width:min(100%,18rem)}.pending-screen__sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pending-screen__progress-track{background:var(--ml-grid);height:3px;display:block;overflow:hidden}.pending-screen__progress-track span{background:var(--ml-blue);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.pending-screen--active .pending-screen__progress-track span{animation:1.2s linear forwards pending-progress}@keyframes pending-colour-in{0%,28%{opacity:0}to{opacity:1}}@keyframes pending-monochrome-out{0%,28%{opacity:1}to{opacity:0}}@keyframes pending-progress{to{transform:scaleX(1)}}@keyframes pending-rocket-rattle{0%,to{transform:translate(0,0)}25%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}.site-shell{width:min(100% - 48px,46rem);margin:0 auto}.site-header{z-index:10;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin:0 auto;display:grid;position:sticky;top:.75rem}.wordmark,.site-header nav a{color:inherit;text-decoration:none;position:relative}.wordmark:after,.site-header nav a:after{background:var(--ml-blue);content:"";transform-origin:0;height:2px;transition:transform .18s var(--ml-ease-out);position:absolute;bottom:-.38rem;left:0;right:0;transform:scaleX(0)}.wordmark:hover:after,.wordmark:focus-visible:after,.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.wordmark{letter-spacing:-.055em;transform:scale(var(--wordmark-scale,1));transform-origin:0;justify-self:start;align-items:center;gap:.42rem;font-size:1.05rem;font-weight:780;display:inline-flex}.wordmark__icon{flex:none;width:1.45rem;height:1.45rem}.site-header nav{gap:var(--header-gap,1.4rem);justify-self:center;display:flex}.site-header nav a{min-height:2.5rem;color:var(--ml-muted);align-items:center;font-size:.86rem;font-weight:650;transition:color .16s;display:inline-flex}.site-header nav a:hover{color:var(--ml-blue)}.site-header__locale-selector{justify-self:end;min-width:2.75rem;min-height:2.5rem;padding:.35rem .15rem;color:var(--ml-muted)!important;background:0 0!important;border:0!important;font-family:inherit!important;transition:color .16s,opacity .16s!important}.site-header__locale-selector:hover{color:var(--ml-blue)!important}.locale-suggestion{z-index:15;border:1px solid var(--ml-grid);width:min(22rem,100vw - 2rem);box-shadow:var(--ml-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:locale-suggestion-in .24s var(--ml-ease-out);background:#fffffff0;border-radius:1rem;padding:1rem 1rem .9rem;position:fixed;bottom:clamp(1rem,3vw,2.25rem);right:clamp(1rem,3vw,2.25rem)}.locale-suggestion p{color:var(--ml-ink);margin:0;font-size:.96rem;font-weight:720}.locale-suggestion>span{color:var(--ml-muted);margin-top:.3rem;font-size:.82rem;line-height:1.45;display:block}.locale-suggestion__actions{justify-content:flex-end;gap:.5rem;margin-top:.85rem;display:flex}.locale-suggestion__actions button{border:1px solid var(--ml-grid);min-height:2.5rem;color:var(--ml-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 .8rem;font-size:.78rem;font-weight:680}.locale-suggestion__actions button:last-child{border-color:var(--ml-blue);background:var(--ml-blue);color:#fff}@keyframes locale-suggestion-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.hero{isolation:isolate;grid-template-columns:minmax(0,25rem) clamp(12rem,15vw,13.25rem);justify-content:center;align-items:center;gap:clamp(.8rem,1.7vw,1.4rem);min-height:calc(100svh - 80px);display:grid;position:relative}.hero__copy{z-index:1;padding:0;position:relative}.hero__note{color:var(--ml-blue);letter-spacing:.01em;margin:0 0 1.5rem;font-size:.9rem;font-weight:640}.hero h1{color:#223940;letter-spacing:-.05em;max-width:6.9ch;margin:0;font-size:clamp(4.4rem,7vw,7.3rem);font-weight:700;line-height:.96}.hero__word{transition:color .14s,text-shadow .14s}.hero__word--gazed{color:var(--ml-blue);text-shadow:0 0 .3em #1c7ab452}html[lang^=zh] .hero h1{letter-spacing:-.03em;line-height:1}.hero__art{z-index:0;isolation:isolate;width:100%;margin:0;position:relative;bottom:auto;right:auto;transform:translateY(clamp(1.6rem,3.2vw,3.4rem))}.hero__art img{width:100%;height:auto;display:block}.hero__pointer-portrait{z-index:1;aspect-ratio:448/784;width:100%;position:relative}.hero__pointer-fallback,.hero__pointer-sprite{width:100%;height:100%;display:block;position:absolute;inset:0}.hero__pointer-fallback{object-fit:contain}.hero__art .hero__pointer-fallback{height:100%}.hero__pointer-portrait--sprite-ready .hero__pointer-fallback,.hero__pointer-sprite{opacity:0}.hero__pointer-portrait--sprite-ready .hero__pointer-sprite{opacity:1}.work-section,.contact-section{padding:clamp(4.5rem,8vw,7rem) 0;scroll-margin-top:5rem}.section-heading{margin-bottom:clamp(1.75rem,4vw,3rem)}.section-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.35rem,5vw,4.55rem);font-weight:730;line-height:.92}.section-heading p{max-width:30rem;color:var(--ml-muted);margin:.85rem 0 0;font-size:1rem;line-height:1.55}.work-switcher{max-width:none}.work-switcher__controls{flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1.25rem,2.5vw,1.75rem);display:flex}.work-switcher__controls button{appearance:none;z-index:0;isolation:isolate;color:var(--ml-muted-weak);cursor:pointer;letter-spacing:-.08em;opacity:1;min-height:2.5rem;transition:color .26s var(--ml-ease-out), opacity .26s var(--ml-ease-out);background:0 0;border:0;padding:0;font-size:clamp(2rem,3.6vw,3.15rem);font-weight:750;line-height:.85;position:relative}.work-switcher__controls button:after{z-index:-1;background:var(--ml-blue-soft);content:"";transform-origin:0;width:calc(100% + .08em);height:.3em;transition:transform .38s var(--ml-ease-out);position:absolute;bottom:.02em;left:-.04em;transform:scaleX(0)}.work-switcher__controls button[aria-pressed=true]{color:var(--ml-ink)}.work-switcher__controls button[aria-pressed=true]:after{transform:scaleX(1)}.work-switcher__controls button.is-previewed:not([aria-pressed=true]){color:var(--ml-ink)}.work-switcher__controls button.is-previewed:not([aria-pressed=true]):after{transform:scaleX(1)}.work-switcher__controls:has(button.is-previewed:not([aria-pressed=true])) button[aria-pressed=true]{color:var(--ml-muted);opacity:.55}.work-switcher__controls:has(button.is-previewed:not([aria-pressed=true])) button[aria-pressed=true]:after{transform:scaleX(0)}.work-switcher__controls button:focus-visible{outline:3px solid color-mix(in srgb, var(--ml-blue) 72%, transparent);outline-offset:3px}.work-stage{grid-template-columns:1fr;gap:clamp(.85rem,2vw,1.25rem);min-height:clamp(17rem,30vw,20rem);display:grid}.work-card{--card-hover-y:0px;--card-roll-angle:0deg;--card-roll-opacity:1;--card-roll-y:0px;border:1px solid var(--ml-grid);border-radius:var(--radius);background:var(--ml-raised);min-height:clamp(17rem,30vw,20rem);box-shadow:var(--ml-shadow);transform:perspective(900px) rotateX(var(--card-roll-angle)) translate3d(0, calc(var(--card-roll-y) + var(--card-hover-y)), 0);transform-origin:50% 56%;transform-style:preserve-3d;backface-visibility:hidden;opacity:var(--card-roll-opacity);transition:border-color .22s var(--ml-ease-out), box-shadow .22s var(--ml-ease-out), transform .22s var(--ml-ease-out);flex-direction:column;justify-content:flex-end;padding:clamp(1.4rem,3vw,1.9rem);display:flex}.work-card--article{background:var(--ml-blue-pale)}.work-card:has(.work-card__link){padding:0}.work-card__link{min-height:inherit;color:inherit;flex-direction:column;flex:1;padding:clamp(1.4rem,3vw,1.9rem);text-decoration:none;display:flex}.work-card__link:focus-visible{outline:3px solid color-mix(in srgb, var(--ml-blue) 72%, transparent);outline-offset:-4px}.work-card--demo{grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.work-card--demo:has(.work-card__link){display:block}.work-card--demo .work-card__link{grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.work-card__copy{flex-direction:column;min-width:0;display:flex}.work-card__demo{border-radius:calc(var(--radius) - .3rem);aspect-ratio:7/6;transition:transform .22s var(--ml-ease-out);background:#e8edf2;border:1px solid #17272f14;align-self:stretch;overflow:hidden;box-shadow:0 10px 24px #17272f1a}.work-card__demo img,.work-card__demo video{object-fit:cover;width:100%;height:100%;display:block}.work-card[data-roll-active=true]{will-change:transform, opacity}.work-card--enter{animation:work-card-enter .26s var(--ml-ease-out)}@keyframes work-card-enter{0%{opacity:0;transform:perspective(900px) rotateX(var(--card-roll-angle)) translate3d(0, calc(var(--card-roll-y) + .8rem), 0)}to{opacity:1;transform:perspective(900px) rotateX(var(--card-roll-angle)) translate3d(0, var(--card-roll-y), 0)}}.work-card__type{color:var(--ml-blue);letter-spacing:.04em;text-transform:uppercase;margin:0 0 auto;font-size:.76rem;font-weight:720}.work-card h3{letter-spacing:-.065em;margin:2rem 0 0;font-size:clamp(1.55rem,2.6vw,2rem);line-height:.98}.work-card__copy>p:not(.work-card__type){max-width:22rem;color:var(--ml-muted);margin:.75rem 0 0;font-size:.94rem;line-height:1.5}.work-card__action{width:max-content;color:var(--ml-blue);align-items:center;gap:.3rem;margin-top:1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.work-card__link:hover .work-card__action{text-underline-offset:.25em;text-decoration:underline}@media (hover:hover) and (pointer:fine){.work-card:hover{border-color:var(--ml-blue-soft);--card-hover-y:-6px;box-shadow:0 22px 42px #115c8229}.work-card:hover .work-card__type,.work-card:hover .work-card__action{color:var(--ml-blue)}.work-card--demo:hover .work-card__demo{transform:translateY(-.2rem)}}@keyframes work-title-scroll{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.work-switcher__controls,.contact-section .section-heading{animation:linear both work-title-scroll;animation-timeline:view();animation-range:entry 12% cover 34%}}.contact-section{padding-bottom:2.25rem}.social-menu{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.social-menu__item{width:100%;min-height:0;color:var(--ml-muted);text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:.5rem;grid-template-columns:2.25rem minmax(8rem,.8fr) minmax(10rem,1.2fr) auto;align-items:center;gap:1rem;padding:1.1rem 1rem 1.1rem .9rem;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:grid}.social-menu__item svg{width:1.4rem;height:1.4rem}.social-menu__item strong{background-image:linear-gradient(var(--ml-blue-soft), var(--ml-blue-soft));letter-spacing:-.05em;transition:background-size .42s var(--ml-ease-out);background-position:0 72%;background-repeat:no-repeat;background-size:0 38%;font-size:clamp(1.3rem,2.6vw,1.8rem)}.social-menu__id{color:currentColor;font-size:.82rem}.social-menu__arrow{opacity:0;transition:transform .16s}@media (hover:hover) and (pointer:fine){.social-menu__item:hover{border-left-color:var(--ml-blue-soft);color:var(--ml-ink);transform:translate(.2rem)}.social-menu__item:hover strong{background-size:100% 38%}.social-menu__item:hover .social-menu__arrow{color:var(--ml-blue);opacity:1;transform:translate(.25rem,-.25rem)}}.footer-mark{color:var(--ml-muted);align-items:center;gap:.5rem;margin:clamp(5rem,10vw,9rem) 0 0;font-size:.8rem;display:flex}.footer-mark a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);text-underline-offset:.22em}.footer-mark a:hover{color:var(--ml-blue)}@media (width<=760px){.site-shell{width:min(100% - 32px,1024px)}.site-header{top:0;width:calc(100% - 32px)!important;max-width:46rem!important;min-height:70px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-color:#0000!important;border-radius:0!important;padding-inline:0!important}.wordmark{font-size:.98rem}.site-header nav{gap:.85rem}.site-header nav a{font-size:.78rem}.site-header__locale-selector{position:absolute;top:50%;right:0;transform:translateY(-50%);min-width:0!important;padding-inline:.55rem!important}.locale-suggestion{width:calc(100% - 2rem);max-width:none;bottom:1rem;left:1rem;right:1rem}.locale-suggestion__actions{flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:0;min-height:calc(100svh - 70px);padding:3rem 0 1.5rem}.hero__copy{padding:0}.hero h1{max-width:7.8ch;font-size:clamp(3.5rem,16.5vw,5.3rem)}.hero__art{width:min(14rem,60vw);margin:1.25rem 0 0 auto;position:relative;bottom:auto;right:auto;transform:none}.work-section,.contact-section{padding:4.25rem 0}.work-stage,.work-card{min-height:17rem}.work-stage,.work-card--demo,.work-card--demo .work-card__link{grid-template-columns:1fr}.work-card__demo{justify-self:end;width:min(100%,22rem)}.social-menu__item{grid-template-columns:2rem minmax(0,1fr) auto;gap:.75rem}.social-menu__id{grid-column:2}.social-menu__arrow{grid-area:1/3/span 2}.footer-mark{margin-top:5rem}}@media (prefers-reduced-motion:reduce){.pending-screen--active .pending-screen__rocket{animation:none}.pending-screen--active .pending-screen__rocket-image--colour,.pending-screen--active .pending-screen__rocket-image--monochrome,.pending-screen--active .pending-screen__progress-track span{animation-duration:.18s}.work-switcher__controls,.contact-section .section-heading,.locale-suggestion{animation:none}.work-card{--card-hover-y:0px;--card-roll-angle:0deg;--card-roll-opacity:1;--card-roll-y:0px;animation:none}}@media (prefers-reduced-transparency:reduce){.site-header{border-color:var(--ml-grid)!important;background:var(--ml-raised)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 12px 28px #17272f14!important}.locale-suggestion{background:var(--ml-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.social-menu__item{color:var(--ml-ink)}.work-card{border-color:var(--ml-muted)}}