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