.work{--fg:#ededed;--mute:rgba(255,255,255,.6);--line:rgba(255,255,255,.14);--glass:rgba(255,255,255,.035);--mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--max:64rem;color:var(--fg);background:#0a0a0a;min-height:100dvh;line-height:1.55;position:relative;overflow-x:clip}.work h1,.work h2,.work h3{text-wrap:balance;margin:0;line-height:1.12}.work p{margin:0}.work .center{text-align:center}.work .wrap{max-width:var(--max);margin:0 auto;padding-left:24px;padding-right:24px;position:relative}.work section{z-index:1;padding-top:max(56px,min(8vw,104px));padding-bottom:max(56px,min(8vw,104px));position:relative}.work section.collapsed{padding-top:24px;padding-bottom:64px}.work .eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);align-items:center;gap:10px;margin-bottom:14px;font-size:.72rem;display:flex}.work .eyebrow:before{content:"";opacity:.6;background:currentColor;flex:none;width:22px;height:1px}.work .h1{letter-spacing:-.03em;max-width:16ch;font-size:max(2.1rem,min(5.6vw,4rem));font-weight:700;line-height:1.02}.work .h1-sm{max-width:none;font-size:max(2rem,min(5vw,3.4rem))}.work .h2{letter-spacing:-.02em;font-size:max(1.5rem,min(3vw,2.1rem));font-weight:600}.work .sub{color:var(--mute);max-width:40rem;margin-top:16px;font-size:1.08rem}.work :focus-visible{outline-offset:3px;outline:2px solid #fff}.work .work-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.work .sweep{z-index:2;pointer-events:none;background:linear-gradient(transparent 0%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.06) 52%,transparent 100%) 0 0/100% 60% no-repeat;animation:2.2s linear infinite work-sweep;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes work-sweep{0%{background-position:0 -60%}to{background-position:0 160%}}.work .bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:rgba(10,10,10,.7);position:-webkit-sticky;position:sticky;top:0}.work .bar .wrap{justify-content:space-between;align-items:center;height:56px;display:flex}.work .brand{align-items:center;text-decoration:none;display:flex}.work .logo-crop{width:104px;height:44px;display:block;overflow:hidden}.work .logo-crop img{filter:invert();mix-blend-mode:screen;width:104px;height:104px;margin-top:-30px}.work .bar nav{align-items:center;gap:6px;display:flex}.work .bar nav a,.work .navbtn{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:.85rem;text-decoration:none}.work .bar nav a:hover,.work .navbtn:hover{color:#fff;background:rgba(255,255,255,.06)}.work .btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:rgba(255,255,255,.06);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .15s,transform .1s,border-color .15s,opacity .15s;display:inline-flex}.work .btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}.work .btn:active{transform:scale(.98)}.work .btn.solid{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 24px rgba(255,255,255,.18)}.work .btn.solid:hover{background:#e8e8e8}.work .btn.ghost{color:var(--mute);background:0 0;border-color:transparent}.work .btn.ghost:hover{color:#fff;background:rgba(255,255,255,.06)}.work .btn:disabled{opacity:.4;cursor:default;box-shadow:none}.work .btns{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.work .chips{flex-wrap:wrap;gap:8px;display:flex}.work .chips.col{flex-direction:column;align-items:flex-start}.work .chip{border:1px solid var(--line);color:var(--mute);cursor:pointer;text-align:left;background:0 0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:all .15s}.work .chip.lg{color:#fff;background:rgba(255,255,255,.04);padding:11px 18px;font-size:.95rem}.work .chip:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}.work .chip[aria-pressed=true]{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 20px rgba(255,255,255,.15)}.work .g{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;position:relative;overflow:hidden}.work .g:before{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%)var(--my,50%),rgba(255,255,255,.5),transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .25s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.work .g:after{content:"";background:radial-gradient(380px circle at var(--mx,50%)var(--my,50%),rgba(255,255,255,.05),transparent 60%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.work .g:hover:before,.work .g:hover:after{opacity:1}.work .hero{padding-top:max(48px,min(8vw,96px))}.work .open{max-width:44rem}.work .guide{margin-top:36px}.work .tailor{flex-direction:column;gap:18px;min-height:340px;padding:26px;display:flex}.work .tailor.busy{border-color:rgba(255,255,255,.35);justify-content:center;box-shadow:0 0 48px rgba(255,255,255,.08)}.work .tl-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.work .tl-note{font-family:var(--mono);color:var(--mute);letter-spacing:.04em;font-size:.68rem}.work .tl-q{flex-direction:column;gap:14px;animation:.4s cubic-bezier(.22,1,.36,1) both work-up;display:flex}.work .tl-q h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:600}.work .tl-q .hint{color:var(--mute);margin-top:-8px;font-size:.9rem}.work .tl-in{border:1px solid var(--line);color:#fff;font:inherit;background:rgba(0,0,0,.35);border-radius:12px;width:100%;max-width:560px;padding:12px 14px;font-size:.95rem}.work .tl-in::placeholder{color:rgba(255,255,255,.35)}.work .tl-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;display:flex}.work .tl-scan{pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent) 0 0/40% 100% no-repeat;animation:1.8s linear infinite work-scan;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes work-scan{0%{background-position:-40% 0}to{background-position:140% 0}}.work .think{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.work .think .cap{font-size:1.15rem;font-weight:500}.work .orb{border:1px solid rgba(255,255,255,.5);border-radius:50%;width:56px;height:56px;animation:2.4s ease-in-out infinite work-orb;box-shadow:0 0 40px rgba(255,255,255,.25),inset 0 0 20px rgba(255,255,255,.15)}@keyframes work-orb{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.work .dots{gap:6px;display:flex}.work .dots i{background:rgba(255,255,255,.22);border-radius:50%;width:6px;height:6px;transition:all .3s}.work .dots i.past{background:rgba(255,255,255,.6)}.work .dots i.on{background:#fff;border-radius:3px;width:22px}.work .walk{padding-top:0}.work .walk .wrap{flex-direction:column;gap:18px;display:flex}.work .chapter{grid-template-columns:.9fr 1.1fr;align-items:center;gap:28px;padding:28px;display:grid}@media (max-width:820px){.work .chapter{grid-template-columns:1fr;gap:12px;padding:22px}}.work .chapter .chap{flex-direction:column;gap:12px;display:flex}.work .chapter .chap.wide{grid-column:1/-1}.work .vis-wrap{padding:12px}.work .vis{color:#fff;opacity:.9;width:100%;height:auto;display:block}.work .vis.big{max-width:420px;margin:0 auto}.work .vis-sm{color:#fff;opacity:.85;padding:18px 22px 6px}.work .draw{stroke-dasharray:600;stroke-dashoffset:600px;animation:1.4s ease-out forwards work-draw}@keyframes work-draw{to{stroke-dashoffset:0}}.work .what,.work .why{font-size:1rem;line-height:1.6}.work .what{color:var(--mute)}.work .what span,.work .why span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:4px;font-size:.68rem;display:block}.work .why{border-left:2px solid #fff;padding-left:14px}.work .next{max-width:46rem;font-size:1.1rem;line-height:1.6}.work .chapter.close{background:rgba(255,255,255,.05)}.work .pipe{flex-direction:column;gap:16px;margin-top:6px;display:flex}.work .stages{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.work .stage{border:1px solid var(--line);text-align:center;color:var(--mute);cursor:pointer;background:0 0;border-radius:12px;padding:12px 6px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .5s}.work .stage:hover{border-color:rgba(255,255,255,.4)}.work .stage.on{color:#fff;background:rgba(255,255,255,.08);border-color:#fff;box-shadow:0 0 22px rgba(255,255,255,.15)}.work .stage.done{color:#fff;border-color:rgba(255,255,255,.45)}.work .stage.done:after{content:" ✓";opacity:.6}@media (max-width:560px){.work .stage{padding:10px 4px;font-size:.72rem}}.work .track{background:var(--line);height:2px;position:relative}.work .track i{background:#fff;border-radius:50%;width:8px;height:8px;transition:left .9s cubic-bezier(.22,1,.36,1);position:absolute;top:-3px;box-shadow:0 0 10px #fff}.work .track .prog{background:rgba(255,255,255,.5);width:0;height:2px;animation:linear forwards work-fill;position:absolute;top:0;left:0}@keyframes work-fill{to{width:100%}}.work .pipe .cap{text-wrap:balance;min-height:3.2em;font-size:1.15rem;font-weight:500;line-height:1.4;animation:.5s cubic-bezier(.22,1,.36,1) both work-up}@keyframes work-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.work .t3{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}@media (max-width:800px){.work .t3{grid-template-columns:1fr}}.work .t3 .g{flex-direction:column;gap:8px;padding:22px;display:flex}.work .t3 h3{font-size:1.05rem;font-weight:600}.work .t3 p{color:var(--mute);font-size:.92rem}.work .pdesc{color:var(--mute);max-width:44rem;margin-top:14px}.work .grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}@media (max-width:980px){.work .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.work .grid{grid-template-columns:1fr}}.work .card{flex-direction:column;animation:.5s cubic-bezier(.22,1,.36,1) both work-up;display:flex}.work .card .body{flex-direction:column;flex:1;gap:6px;padding:6px 18px 18px;display:flex}.work .card .cl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:.64rem}.work .card h3{font-size:1rem;font-weight:600}.work .card .one{color:var(--mute);font-size:.88rem;line-height:1.5}.work .card .tg{flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:10px;display:flex}.work .tag{font-family:var(--mono);border:1px solid var(--line);color:var(--mute);border-radius:6px;padding:1px 6px;font-size:.62rem}.work footer{border-top:1px solid var(--line);color:var(--mute);z-index:1;padding-top:40px;padding-bottom:40px;font-size:.85rem;position:relative}.work footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.work footer .links{gap:18px;display:flex}.work footer a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){.work *,.work :before,.work :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.work .draw{stroke-dashoffset:0}}