:root{--ink:#121821;--muted:#121821a3;--line:#1218211f;--or:#ff8a2a;--or-ink:#e5650a;--bg:#f1f4f8;--bar:#fbfcfd;--veil:241,244,248;--ease:cubic-bezier(.76,0,.24,1)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Assistant,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--or-ink);outline-offset:3px}.bar{z-index:20;background:var(--bar);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:72px;padding-inline:max(16px,4.4vw);display:grid;position:fixed;inset:0 0 auto}.brand{letter-spacing:.18em;align-items:center;gap:10px;font:600 17px Rubik,sans-serif;display:flex}.brand svg{flex:none;width:30px;height:22px}.nav{gap:4px;font-size:15px;display:flex;position:relative}.nav a{color:var(--muted);white-space:nowrap;padding:8px 12px;transition:color .3s}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav .mark{height:2px;width:var(--w,0);background:var(--or);transform:translateX(var(--x,0));transition:transform .7s var(--ease),width .7s var(--ease);pointer-events:none;position:absolute;bottom:-1px;left:0}.cta{background:var(--or);color:#111;white-space:nowrap;border-radius:6px;justify-self:end;padding:11px 22px;font-size:15px;font-weight:700}h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-family:Secular One,sans-serif;font-weight:400;line-height:1.04}.ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.ln>span{display:block}.lede{color:var(--muted);max-width:30ch;margin:26px 0 0;font-size:22px;line-height:1.5}.btns{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border-radius:6px;padding:15px 28px;font-size:17px;font-weight:700}.btn.o{background:var(--or);color:#111}.btn.g{border:1px solid #1218214d}.floor{position:relative;overflow:hidden}.ph{object-fit:cover;width:100%;display:block}.route{z-index:1;pointer-events:none;transition:opacity .3s;position:absolute;overflow:visible}.route .line{fill:none;stroke:var(--or);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1100;stroke-dashoffset:1100px;filter:drop-shadow(0 0 6px #ff8a2a8c)}.route .from{fill:var(--or);opacity:0}.route .office{fill:#ff8a2a47;stroke:var(--or);stroke-width:7px;opacity:0}.route .ping{fill:none;stroke:var(--or);stroke-width:4px;opacity:0;transform-box:fill-box;transform-origin:50%}.lit .route .from{opacity:1;transition:opacity .3s .6s}.lit .route .line{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.3,1) .8s}.lit .route .office{opacity:1;transition:opacity .4s 2.3s}.lit .route .ping{animation:2.4s ease-out 2.5s infinite ping}.waiting .route .line{stroke-dasharray:22 16;stroke-dashoffset:0;animation:.7s linear infinite march}@keyframes march{to{stroke-dashoffset:-38px}}@keyframes ping{0%{opacity:.9;transform:scale(.4)}80%,to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.route .line{stroke-dashoffset:0}.route .from,.route .office{opacity:1}.lit .route .ping{animation:none}}.nums{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:22px 34px;max-width:600px;margin-top:30px;padding-top:24px;display:grid}.nums b{text-align:right;color:var(--or-ink);white-space:nowrap;direction:ltr;font-family:Handjet,monospace;font-size:52px;font-weight:600;line-height:.95;display:block}.nums b sup{vertical-align:.9em;margin-inline-start:3px;font-size:.45em}.js .nums>div{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.js .nums>div.in{opacity:1;transform:none}.dg{vertical-align:top;height:1em;display:inline-block;overflow:hidden}.dg>span{transition:transform 1.6s cubic-bezier(.2,.8,.2,1) var(--dl,0s);display:block}.dg>span>span{height:1em;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nums p{text-wrap:balance;margin:6px 0 0;font-size:15px;font-weight:600;line-height:1.4}.nums b span{color:inherit}.tag{color:var(--or-ink);margin:0 0 14px;font-size:18px;font-weight:700}.wa{z-index:30;background:#25d366;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 22px #12182138}.wa:hover{transform:scale(1.06)}.wa:focus-visible{outline-offset:3px;outline:3px solid #128c3e}.wa svg{width:32px;height:32px}@media (width<=899px){.wa{width:52px;height:52px;bottom:14px;right:14px}}ol{max-width:440px;margin:36px 0 0;padding:0;list-style:none}li{border-top:1px solid var(--line);align-items:center;gap:18px;padding-block:12px;font-size:22px;display:flex}.walk{padding-inline-start:42px;position:relative}.walk:before{content:"";inset-inline-start:11px;border-inline-start:2px dashed #e5650a8c;position:absolute;top:36px;bottom:36px}.walker{inset-inline-start:0;width:24px;height:24px;fill:var(--or-ink);stroke:var(--or-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:var(--bg);opacity:0;border-radius:50%;position:absolute;top:24px}.walk.go .walker{animation:3.2s cubic-bezier(.5,0,.3,1) 1s forwards walk}@keyframes walk{0%{opacity:0;transform:translateY(0)}8%{opacity:1}to{opacity:1;transform:translateY(var(--walk,180px))}}.ic{background:#ff8a2a21;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.ic svg{fill:none;width:25px;height:25px;stroke:var(--or-ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.brandline .mk{vertical-align:-.02em;width:1.12em;height:.82em;margin-inline-end:.18em}.say{margin:14px 0 0;font-size:clamp(24px,2.3vw,34px);font-weight:700;line-height:1.25}.dev3d{box-shadow:0 30px 70px -30px #14284659,0 0 0 1px var(--line);border-radius:14px;display:block;position:relative;overflow:hidden}.dev3d img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block}.dev3d:hover img{transform:scale(1.03)}.dev3d span{background:var(--or);color:#111;border-radius:6px;padding:14px 22px;font-size:17px;font-weight:700;position:absolute;bottom:20px;left:20px}form{gap:10px;max-width:460px;margin-top:26px;display:grid}label span{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #12182138;border-radius:6px;padding:11px 14px;font-size:17px}input[dir=ltr]{text-align:right}form button{font:inherit;background:var(--or);color:#111;cursor:pointer;border:0;border-radius:6px;margin-top:6px;padding:15px;font-size:17px;font-weight:700}[hidden]{display:none!important}form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}form .trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}form .err{color:#b42318;min-height:1.2em;margin:0;font-size:15px;font-weight:600}form small{color:var(--muted);font-size:13px}form small a{text-decoration:underline}form button[disabled]{opacity:.6;cursor:default}.done h2{margin:28px 0 6px;font:400 40px/1.1 Secular One,sans-serif}.done p{margin:0;font-size:20px}.js .ln>span{transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(var(--i)*90ms + 50ms);transform:translateY(108%)}.js .t>:not(h1){opacity:0;transition:opacity .7s .35s,transform .9s cubic-bezier(.2,.8,.2,1) .35s;transform:translateY(18px)}.js .lit .ln>span{transform:none}.js .lit .t>:not(h1){opacity:1;transform:none}.js #how .dev3d{opacity:0;transition:opacity .8s .45s,transform 1.1s cubic-bezier(.2,.8,.2,1) .45s;transform:translateY(30px)}.js #how.lit .dev3d{opacity:1;transform:none}.js .floor.go:not(.lit) .ln>span{transition:transform .45s cubic-bezier(.6,0,.8,.3)}.js .floor.go:not(.lit) .t>:not(h1),.js #how.go:not(.lit) .dev3d{transition:opacity .3s,transform .45s cubic-bezier(.6,0,.8,.3)}.film,.scene{display:none}@media (width>=900px){.film{object-fit:cover;z-index:4;opacity:0;pointer-events:none;width:100%;height:calc(100% - 72px);transition:opacity .18s linear;display:block;position:fixed;inset:72px 0 0}.film.show{opacity:1}body{overflow:hidden}.floor{visibility:hidden;background:var(--bg);position:fixed;inset:72px 0 0}.floor.on,.floor.go{visibility:visible}.ph{height:100%;position:absolute;inset:0}.floor:not(.plain):before{content:"";z-index:1;background:linear-gradient(to right,rgba(var(--veil),.94) 0,rgba(var(--veil),.8) 40%,rgba(var(--veil),0) 64%);position:absolute;inset:0}.floor:after{content:"";z-index:3;opacity:0;pointer-events:none;background:#0e1520;position:absolute;inset:0}.floor.go,.floor.go .ph,.floor.go:after{transition:transform .9s var(--ease),opacity .9s var(--ease)}.floor.in-up{transform:translateY(100%)}.floor.in-up .ph{transform:translateY(-40%)}.floor.in-down{transform:translateY(-100%)}.floor.in-down .ph{transform:translateY(40%)}.floor.out-up{transform:translateY(-100%)}.floor.out-up .ph{transform:translateY(40%)}.floor.out-down{transform:translateY(100%)}.floor.out-down .ph{transform:translateY(-40%)}.floor.out-up:after,.floor.out-down:after{opacity:.28}.floor.door{z-index:2;clip-path:inset(0)}.floor.door.shut{clip-path:var(--door)}.floor.go.door{transition:clip-path 1.15s cubic-bezier(.75,0,.2,1)}.floor.go.door .ph{transition:transform 1.15s cubic-bezier(.75,0,.2,1)}.floor.door.shut .ph{transform:translate(var(--dx),var(--dy)) scale(var(--ds))}.floor.go.near .ph,.floor.go.near:after{transition:transform 1.3s cubic-bezier(.7,0,.25,1),opacity 1.1s}.floor.near .ph{transform:scale(1.32)}.floor.near:after{opacity:.22}.floor.first .ph,.floor.first .route{transform:scale(1.07)}.floor.settle .ph,.floor.settle .route{transition:transform 2.6s cubic-bezier(.2,.7,.2,1)}.floor.go .route{opacity:0;transition:opacity .2s}.floor.quick .t{opacity:0;transition:opacity .16s}#contact .ph{transform-origin:50% 55%}.floor.drift .ph{transition:transform 9s cubic-bezier(.3,0,.3,1);transform:scale(1.06)}.t{z-index:2;width:720px;position:absolute;top:50%;left:max(24px,4.4vw);translate:0 -50%}#lobby:before{background:radial-gradient(ellipse 40% 46% at 24% 58%,rgba(var(--veil),.86) 0,rgba(var(--veil),.6) 45%,rgba(var(--veil),0) 100%),linear-gradient(to right,rgba(var(--veil),.3) 0,rgba(var(--veil),0) 45%)}#lobby .ph{object-position:70% 92%}#lobby h1{font-size:min(96px,11.5vh,6.2vw)}#lobby .ln{white-space:nowrap}#problem .ph{object-position:70% center}#problem h1{font-size:min(84px,10vh)}#problem .t{width:min(640px,46vw)}#problem:before{background:linear-gradient(to right,rgba(var(--veil),.96) 0,rgba(var(--veil),.92) 40%,rgba(var(--veil),.6) 52%,rgba(var(--veil),0) 64%)}#problem .lede{margin-top:18px}#how{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;gap:4.4vw;padding-inline:max(24px,4.4vw);display:grid}#how .dev3d img{aspect-ratio:auto;height:min(70vh,46vw)}#how .t{width:auto;position:static;translate:none}#how h1{font-size:min(120px,14vh)}#contact .ph{object-position:center 60%}#contact h1{font-size:min(110px,13vh)}#contact .t{max-height:calc(100vh - 72px);margin-inline:-6px;padding-inline:6px;overflow:hidden auto}}@media (width>=900px) and (width<=1180px){.bar{gap:12px}.nav{gap:0}.nav a{padding:8px;font-size:14px}.t{width:520px}}@media (prefers-reduced-motion:reduce){.floor,.floor .ph,.floor:after,.js .ln>span,.js .t>:not(h1),.js #how .dev3d,.dg>span,.nav .mark,.js .nums>div{transition:none!important}.walk.go .walker{opacity:1;animation:none}}@media (width<=899px){.bar{grid-template-columns:1fr auto;row-gap:0;height:auto;padding:12px 16px 0}.cta{padding:9px 14px;font-size:14px}.nav{scrollbar-width:none;border-top:1px solid var(--line);grid-area:2/1/auto/-1;margin:8px -16px 0;padding:0 10px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{border-radius:0;padding:12px 8px;font-size:15px}main{padding-top:var(--barh,110px)}.floor{scroll-margin-top:var(--barh,110px);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.t{order:-1;padding:36px 16px 28px}.ph{aspect-ratio:4/3}h1{font-size:64px}.lede{margin-top:18px;font-size:18px}.btns{margin-top:24px}.btn{text-align:center;flex:1;padding:14px 16px}#lobby{background:linear-gradient(#b4cbec,#b8cfef)}.nav .mark{display:none}.nav a[aria-current]{font-weight:700}#lobby .t{padding-bottom:8px}#lobby .ph{aspect-ratio:4/5;object-position:86% 100%;-webkit-mask-image:linear-gradient(#0000,#000 12%);mask-image:linear-gradient(#0000,#000 12%)}#lobby .lede{color:#2b3a50}#lobby h1{font-size:min(46px,11.6vw)}#lobby .ln{white-space:nowrap}.nums{gap:18px 20px;margin-top:24px;padding-top:20px}.nums b{font-size:42px}.nums p{font-size:16px}.scene-on .scene{height:330svh;display:block;position:relative}.scene-on #lobby{background:0 0;padding:0;display:block;overflow:visible}.scene-on #lobby .t{z-index:3;padding-bottom:28px;transition:opacity .25s;position:absolute;inset:0 0 auto}.scene-on #lobby.filmed .t{opacity:0;pointer-events:none}.scene-on #problem .ph,.scene-on #lobby .ph,.scene-on #lobby .route{display:none}.scene .pin{top:var(--barh,110px);height:calc(100svh - var(--barh,110px));background:#dfe7f1;position:sticky;overflow:hidden}.pin>*{width:100%;height:100%;position:absolute;inset:0}.pin img,.pin video{object-fit:cover;object-position:50% 100%}.pin .v-last{visibility:hidden}.pin.at-end .v-last{visibility:visible}.pin.at-end .v-first,.pin.at-end .v-route{visibility:hidden}.v-film{opacity:0}.v-film.on{opacity:1}.v-veil{background:linear-gradient(#f1f4f8f5,#f1f4f8cc 70%,#f1f4f800);height:62%}.v-route .line{fill:none;stroke:var(--or);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 8px #ff8a2a8c)}.v-route .from{fill:var(--or)}.v-route .office{fill:#ff8a2a47;stroke:var(--or);stroke-width:9px;opacity:0;transition:opacity .3s}.v-route.done .office{opacity:1}#how{padding-bottom:28px}#how .dev3d{margin:0 16px}li{font-size:19px}form{max-width:none}}
