@layer components{.dx-hb{isolation:isolate;max-width:1480px;padding:calc(var(--appbar-h) + env(safe-area-inset-top) + 14px) 16px 0;--fill:.5;--break:44px;margin:0 auto;position:relative}.dx-hb-air{z-index:-1;pointer-events:none;background:radial-gradient(42% 30% at 58% 52%, rgb(var(--violet-rgb) / .09), transparent 70%);position:absolute;inset:-12% -30% -4%}.dx-hb-top{gap:16px;display:grid}.dx-hb .dx-hb-h1{grid-area:auto;margin:0}.dx-hb-act{justify-content:space-between;align-items:center;gap:14px;display:flex}.dx-hb-act p{color:var(--color-fg-2);max-width:24ch;font-size:14.5px;line-height:1.45}.dx-hb-grid{margin-top:calc(var(--break) + 12px);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"media media""d tags""links links";gap:10px;display:grid}.dx-hb-media{aspect-ratio:358/396;border-radius:26px;grid-area:media;margin:0;position:relative}.dx-hb-media-bg{border-radius:inherit;border:1px solid var(--color-line-2);background:radial-gradient(64% 52% at 52% 34%, rgb(var(--violet-rgb) / .16), transparent 72%), linear-gradient(180deg, #16161d, #0b0b0f 72%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 40px 80px -40px #000000f2}.dx-hb-media-bg:before{content:"";background-image:radial-gradient(#ffffff14 1px,#0000 1.4px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 38%,#000,#0000 82%);mask-image:radial-gradient(72% 62% at 50% 38%,#000,#0000 82%)}.dx-hb-stage{bottom:0;left:0;right:0;top:calc(-1 * var(--break));pointer-events:none;border-radius:0 0 26px 26px;position:absolute;overflow:hidden}.dx-stage>picture>img,.dx-stage>canvas{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block;position:absolute;inset:0}.dx-stage img{opacity:0;transition:opacity .52s var(--ease-dx)}.dx-stage img[data-on="1"]{opacity:1}.dx-stage canvas{opacity:0}.dx-stage[data-mode=gl] canvas{opacity:1}.dx-stage[data-mode=gl] img{visibility:hidden;transition:none}.dx-hb-cap{border-radius:16px;gap:5px;margin:0;padding:10px 12px 11px;display:grid;position:absolute;bottom:10px;left:10px;right:76px}.dx-hb-cap.dx-glass{background:linear-gradient(160deg,#ffffff12,#ffffff03),#09090dc7}.dx-hb-kick{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-2);align-items:center;gap:7px;font-size:10.5px;display:inline-flex}.dx-hb-kick>i{border:1.5px solid var(--violet);border-radius:99px;width:7px;height:7px}.dx-hb-cap-t{animation:dx-rise .6s var(--ease-dx) both;gap:3px;display:grid}.dx-hb-cap-t b{font-family:var(--dx-display), sans-serif;text-transform:uppercase;letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:1}.dx-hb-cap-t span{color:var(--color-fg-2);font-size:12.5px;line-height:1.38}@media (min-width:768px){.dx-hb-cap{gap:6px;padding:14px 16px;bottom:14px;left:14px;right:92px}.dx-hb-cap-t b{font-size:21px}.dx-hb-cap-t span{font-size:13.5px}}.dx-hb-pager{gap:5px;margin-top:2px;display:flex}.dx-hb-pager i{width:5px;height:5px;transition:width .32s var(--ease-dx), background .2s;background:#ffffff38;border-radius:99px}.dx-hb-pager i[data-on="1"]{background:var(--color-fg);width:16px}.dx-hb-ctrl{position:absolute;bottom:10px;right:10px}@media (min-width:768px){.dx-hb-ctrl{bottom:14px;right:14px}.dx-hb-next{width:64px;height:64px}}.dx-hb-next{cursor:pointer;background:var(--color-fg);color:#060608;width:58px;height:58px;transition:transform .32s var(--ease-dx);-webkit-tap-highlight-color:transparent;border:0;border-radius:99px;place-items:center;display:grid;box-shadow:0 0 0 6px #0606088c,0 14px 30px -10px #000000e6}.dx-hb-next:hover{transform:rotate(-45deg)}.dx-hb-next:active{transform:scale(.94)}.dx-hb-next:focus-visible,.dx-hb-pause:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.dx-hb-pause{z-index:2;cursor:pointer;width:44px;height:44px;color:var(--color-fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0fa8;border:1px solid #ffffff24;border-radius:99px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.dx-hb-bars{gap:4px;display:flex}.dx-hb-bars i{background:currentColor;border-radius:2px;width:3px;height:12px}.dx-hb-list{background:var(--color-ink-1);border:1px solid var(--color-line);border-radius:22px;flex-direction:column;grid-area:list;padding:18px 18px 16px;display:none}.dx-hb-list-head{justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.dx-hb-list ol{margin:0;padding:0;list-style:none;display:grid}.dx-hb-list li button{border:0;border-top:1px solid var(--color-line);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;display:grid;position:relative}.dx-hb-list .n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-fg-3);font-size:11.5px;transition:color .2s}.dx-hb-list .t b{font-family:var(--dx-display), sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:var(--color-fg-2);font-size:17px;font-weight:500;line-height:1.05;transition:color .2s;display:block}.dx-hb-list .t small{color:var(--color-fg-3);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.5px;display:block;overflow:hidden}.dx-hb-list .o{width:30px;height:30px;color:var(--color-fg-3);border:1px solid var(--color-line-2);transition:background .2s, color .2s, transform .32s var(--ease-dx);border-radius:99px;place-items:center;display:grid}.dx-hb-list li button:hover .t b{color:var(--color-fg)}.dx-hb-list li button:hover .o{transform:rotate(-45deg)}.dx-hb-list li button[aria-current=true] .n{color:var(--glow)}.dx-hb-list li button[aria-current=true] .t b{color:var(--color-fg)}.dx-hb-list li button[aria-current=true] .o{background:var(--color-fg);color:#060608;border-color:#0000}.dx-hb-list li button:focus-visible{outline:2px solid var(--glow);outline-offset:2px;border-radius:8px}.dx-hb-list .bar{background:var(--glow);transform-origin:0;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.dx-hb-list .bar[data-run="1"]{animation:linear forwards dx-hb-run}@keyframes dx-hb-run{to{transform:scaleX(1)}}.dx-hb-note{color:var(--color-fg-3);margin-top:auto;padding-top:14px;font-size:12px;line-height:1.5}.dx-hb-note a{color:var(--color-fg);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.dx-hb-own{z-index:2;color:#d9cdff;border:1px solid rgb(var(--violet-rgb) / .45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090db8;border-radius:99px;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 11px;font-size:12px;text-decoration:none;display:inline-flex;position:absolute;top:10px;left:10px}.dx-hb-own>i{border:1.5px solid var(--violet);border-radius:99px;width:8px;height:8px}.dx-hb-own:hover{color:#fff;border-color:rgb(var(--violet-rgb) / .8)}.dx-hb-own:focus-visible{outline:2px solid var(--glow);outline-offset:2px}@media (min-width:768px){.dx-hb-own{top:14px;left:14px}}.dx-hb-links{border:1px solid var(--color-line);background:linear-gradient(160deg,#ffffff0b,#0000 46%),#09090c;border-radius:22px;grid-area:links;align-content:start;gap:12px;padding:18px;display:grid}.dx-hb-links-t{letter-spacing:-.01em;color:var(--color-fg);max-width:26ch;font-size:19px;line-height:1.28}.dx-hb-rows{display:grid}.dx-hb-rows>*{border:0;border-top:1px solid var(--color-line);width:100%;min-height:52px;color:var(--color-fg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;font-size:15px;text-decoration:none;display:flex}.dx-hb-rows>* small{color:var(--color-fg-3);margin-top:2px;font-size:12px;display:block}.dx-hb-rows>* svg{color:var(--color-fg-3);transition:transform .32s var(--ease-dx), color .2s}.dx-hb-rows>:hover svg,.dx-hb-rows>:focus-visible svg{color:var(--glow);transform:rotate(-45deg)}.dx-hb-rows>:focus-visible{outline:2px solid var(--glow);outline-offset:2px;border-radius:8px}.dx-hb-rows>:active{background:#ffffff08}.dx-hb-d{border:1px solid var(--color-line);min-height:200px;color:inherit;background:radial-gradient(circle at 50% 44%, rgb(var(--violet-rgb) / .2), transparent 62%), var(--color-ink-1);border-radius:22px;grid-area:d;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.dx-hb-d>.dx-hb-burst{aspect-ratio:1;pointer-events:none;width:170%;max-width:none;position:absolute;top:44%;left:50%;translate:-50% -50%}.dx-hb-d-mark{filter:drop-shadow(0 0 16px rgb(var(--glow-rgb) / .45));margin-top:-14%;position:relative}.dx-hb-d-foot{justify-content:center;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.dx-hb-d:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.dx-hb-tags{border:1px solid var(--color-line);background:linear-gradient(200deg, rgb(var(--violet-rgb) / .1), transparent 55%), var(--color-ink-1);border-radius:22px;grid-area:tags;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:12px 10px 10px;display:grid;overflow:hidden}.dx-hb-tags ul{flex-wrap:wrap;place-content:center;gap:6px 3px;margin:0;padding:0;list-style:none;display:flex}.dx-hb-tags li{rotate:var(--r)}.dx-hb-tags li button{white-space:nowrap;cursor:pointer;height:28px;color:var(--color-fg-2);border:1px solid var(--color-line-2);-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:99px;padding:0 10px;font-size:11.5px;transition:color .16s,border-color .16s,background .16s}.dx-hb-tags li button:hover,.dx-hb-tags li button:focus-visible{color:var(--color-fg);border-color:rgb(var(--glow-rgb) / .55);background:rgb(var(--glow-rgb) / .08)}.dx-hb-tags li button:focus-visible,.dx-hb-tags-foot:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.dx-hb-tags-foot{min-height:36px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-2);background:#00000040;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:0 6px 0 8px;font-size:11px;text-decoration:none;display:flex}.dx-hb-tags-foot:hover{color:var(--color-fg)}@media (min-width:560px){.dx-hb-media{aspect-ratio:10/9}}@media (min-width:768px){.dx-hb{--break:52px;padding-left:32px;padding-right:32px}.dx-hb-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"media media media media list list""links links d d tags tags";gap:12px}.dx-hb-media{aspect-ratio:auto;min-height:500px}.dx-hb-list{display:flex}.dx-hb-list ol{flex:1;grid-auto-rows:1fr}.dx-hb-list li{display:grid}}@media (min-width:1024px){.dx-hb{padding:calc(var(--appbar-h) + 20px) 48px 0;--break:64px}.dx-hb-top{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}.dx-hb .dx-hb-h1{--dg:4px;--dr:1.4px;--lr:260px;font-size:clamp(60px,6.4vw,100px);line-height:.86}.dx-hb-act{text-align:right;flex-direction:column;align-items:flex-end;gap:16px;padding-bottom:6px}.dx-hb-grid{margin-top:calc(var(--break) + 14px);grid-template-rows:auto 214px;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-areas:"links links links links links links links links media media media media media media media media media media list list list list list list""d d d tags tags tags tags tags media media media media media media media media media media list list list list list list";gap:14px}.dx-hb-media{min-height:0}.dx-hb-links{align-content:space-between;padding:22px}.dx-hb-d{min-height:0}.dx-hb-tags{gap:6px;padding:10px 10px 8px}.dx-hb-tags ul{gap:4px 3px}.dx-hb-tags li button{height:24px;padding:0 9px;font-size:11px}.dx-hb-tags-foot{min-height:32px}}.dx-hb{margin-top:calc(-1 * var(--appbar-h))}.dx-dn{display:none}@media (min-width:768px){.dx-dn{z-index:60;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#0b0b0fbd;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 32px);height:54px;padding:0 7px 0 12px;display:flex;position:fixed;top:14px;left:50%;translate:-50%;box-shadow:0 18px 40px -26px #000000f2,inset 0 1px #ffffff0f}.dx-dn-brand{height:40px;color:var(--color-fg);align-items:center;gap:9px;padding:0 10px 0 2px;text-decoration:none;display:inline-flex}.dx-dn-word{font-family:var(--dx-display), sans-serif;letter-spacing:-.02em;font-size:17px}.dx-dn[data-compact="1"] .dx-dn-word{display:none}.dx-dn-links{border-left:1px solid var(--color-line);border-right:1px solid var(--color-line);align-items:center;gap:2px;margin:0 4px;padding:0 6px;display:flex;position:relative}.dx-dn-links a{height:40px;color:var(--color-fg-2);border-radius:99px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;transition:color .16s,background .16s;display:inline-flex;position:relative}.dx-dn-links a:hover{color:var(--color-fg);background:#ffffff0d}.dx-dn-links a[aria-current]{color:var(--color-fg)}.dx-dn-dot{background:var(--glow);opacity:0;width:4px;height:4px;transition:transform .46s var(--ease-dx), opacity .2s;border-radius:99px;margin-left:-2px;position:absolute;bottom:4px;left:0}.dx-dn-dot[data-on="1"]{opacity:1}.dx-dn-sign{height:40px;color:var(--color-fg-2);border-radius:99px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.dx-dn-sign:hover{color:var(--color-fg);background:#ffffff0d}.dx-dn-start{cursor:pointer;background:var(--glow);color:#050507;height:40px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:99px;align-items:center;padding:0 16px;font-size:11.5px;font-weight:600;display:inline-flex}.dx-dn a:focus-visible,.dx-dn button:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.dx-home .dx-hb{margin-top:0;padding-top:96px}}@media (min-width:768px) and (max-width:1023px){.dx-dn-sign{display:none}.dx-dn-links a{padding:0 10px}.dx-hb-list-head .dx-micro{display:none}}@media (prefers-reduced-motion:reduce){.dx-dn-dot,.dx-dn-links a{transition:none}}.dx-pre{z-index:200;background:#060608;align-content:center;place-items:center;gap:22px;animation:.5s 3.4s forwards dx-pre-failsafe;display:grid;position:fixed;inset:0}@keyframes dx-pre-failsafe{to{opacity:0;visibility:hidden}}.dx-pre[data-state=out]{animation:.72s cubic-bezier(.7,0,.2,1) forwards dx-pre-out}@keyframes dx-pre-out{to{clip-path:inset(0 0 100%)}}.dx-pre-mark{width:min(30vw,128px);height:auto;overflow:visible}.dx-pre-mark circle{fill:#f3f3f6;fill-opacity:calc(var(--a) * .32);transition:fill .24s,fill-opacity .24s}.dx-pre-mark circle[data-on="1"]{fill:var(--glow);fill-opacity:1}.dx-pre-meta{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-fg-3);gap:18px;font-size:11px;display:flex}.dx-home .dx-btn-glow{box-shadow:0 0 0 1px rgb(var(--glow-rgb) / .35), 0 8px 22px -14px rgb(var(--glow-rgb) / .55)}.dx-home .dx-btn-glow:hover{box-shadow:0 0 0 1px rgb(var(--glow-rgb) / .6), 0 10px 26px -14px rgb(var(--glow-rgb) / .7)}.dx-home .dx-glowtext{filter:none}.dx-hb .dx-hero-h1 .w.g{filter:drop-shadow(0 0 5px rgb(var(--glow-rgb) / .32))}.dx-hb .dx-hero-litlayer .ln>span{filter:none}.dx-hb-d>.dx-hb-burst{opacity:.55}.dx-hb-d-mark{filter:none}.dx-home .dx-ground:before{opacity:.7}.dx-home-sec{max-width:1180px;margin:0 auto;padding:96px 16px 0}@media (min-width:640px){.dx-home-sec{padding:120px 32px 0}}.dx-home #work{padding-top:96px}@media (min-width:640px){.dx-home #work{padding-top:120px}}.dx-crafts{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.dx-crafts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (min-width:1024px){.dx-crafts{grid-template-columns:repeat(3,minmax(0,1fr))}}.dx-craft{text-align:left;cursor:pointer;width:100%;color:var(--color-fg);background:linear-gradient(165deg, #ffffff09, transparent 50%), var(--color-ink-1);border:1px solid var(--color-line);-webkit-tap-highlight-color:transparent;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:16px 16px 15px;transition:border-color .2s,background .2s;display:grid}.dx-craft .n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-fg-3);grid-row:1/3;align-self:start;padding-top:3px;font-size:11.5px;transition:color .2s}.dx-craft .t{font-family:var(--dx-display), sans-serif;text-transform:uppercase;letter-spacing:-.01em;font-size:19px;font-weight:500;line-height:1.05}.dx-craft .g{color:var(--color-fg-3);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:12.5px;overflow:hidden}.dx-craft .o{color:var(--color-fg-3);transition:transform .32s var(--ease-dx), color .2s;grid-area:1/3/3}.dx-craft:hover{border-color:rgb(var(--glow-rgb) / .35)}.dx-craft:focus-visible{border-color:rgb(var(--glow-rgb) / .35);outline:2px solid var(--glow);outline-offset:2px}.dx-craft:hover .n,.dx-craft:focus-visible .n{color:var(--glow)}.dx-craft:hover .o,.dx-craft:focus-visible .o{color:var(--color-fg);transform:rotate(-45deg)}.dx-craft:active{background:#ffffff0a}.dx-flow{position:relative}.dx-flow-grid{gap:34px;margin:0;padding:0;list-style:none;display:grid;position:relative}@media (min-width:768px){.dx-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 40px}}@media (min-width:1024px){.dx-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 44px}}.dx-flow-card{border:1px solid var(--color-line-2);background:linear-gradient(165deg,#fff1,#ffffff03 38%,#0000 70%),#101015;border-radius:22px;flex-direction:column;gap:10px;min-width:0;padding:20px 20px 18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 30px 60px -40px #000000f2}.dx-flow-n{font-family:var(--font-mono);letter-spacing:.16em;color:var(--color-fg-3);transition:color .4s;transition-delay:calc(var(--i) * .46s);font-size:12px}.dx-flow[data-lit="1"] .dx-flow-n{color:var(--glow)}.dx-flow-gate{width:fit-content;color:var(--color-fg);border:1px solid rgb(var(--glow-rgb) / .28);background:#ffffff08;border-radius:14px;align-items:flex-start;gap:8px;margin-top:auto;padding:7px 12px;font-size:12.5px;line-height:1.4;display:inline-flex}.dx-flow-gate svg{color:var(--glow);flex:none;margin-top:2px}.dx-flow-orb{opacity:.9;display:none;position:absolute;bottom:18px;right:18px}@media (min-width:1024px){.dx-flow-orb{display:block}.dx-flow-gate{max-width:calc(100% - 34px)}}.dx-flow-lines{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.dx-flow-lines path{fill:none;stroke-linecap:round;stroke-linejoin:round}.dx-flow-lines .base{stroke:#ffffff42;stroke-width:2.4px;stroke-dasharray:0 7}.dx-flow-lines .lit{stroke:var(--glow);stroke-width:2.6px;stroke-dasharray:0 7}.dx-flow-lines .reveal{stroke:#fff;stroke-width:14px;stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.6s cubic-bezier(.45,0,.25,1)}.dx-flow[data-lit="1"] .dx-flow-lines .reveal{stroke-dashoffset:0}.dx-flow-lines .node{fill:var(--color-ink-0);stroke:var(--color-fg-4);stroke-width:1.6px;transition:fill .3s,stroke .3s}.dx-flow[data-lit="1"] .dx-flow-lines .node{fill:var(--glow);stroke:var(--glow)}.dx-ringpill{height:26px;color:var(--color-fg-2);white-space:nowrap;border:1px solid var(--color-line);background:#ffffff0a;border-radius:99px;align-items:center;gap:7px;padding:0 11px 0 6px;font-size:12px;display:inline-flex}.dx-ringpill>i{border:1.5px solid #ffffff73;border-radius:99px;width:14px;height:14px;box-shadow:inset 0 0 0 2.5px #0b0b0f,inset 0 0 0 5px #ffffff40}.dx-dash{gap:12px;display:grid}@media (min-width:1024px){.dx-dash{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"main spark""main ask";gap:14px}.dx-dash-main{grid-area:main}.dx-dash-spark{grid-area:spark}.dx-dash-ask{grid-area:ask}}.dx-dash-card{border:1px solid var(--color-line-2);background:linear-gradient(165deg,#ffffff0f,#ffffff03 38%,#0000 70%),#101015;border-radius:22px;min-width:0;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 30px 60px -40px #000000f2}.dx-dash-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dx-dash-main{flex-direction:column;display:flex}.dx-dash-orb{place-items:center start;gap:14px;margin-top:12px;display:grid}.dx-dash-orb .orb{justify-self:center;width:100%;max-width:210px}@media (min-width:560px){.dx-dash-orb{grid-template-columns:210px minmax(0,1fr);gap:26px}}.dx-dash-ask{border-color:rgb(var(--glow-rgb) / .35);background:linear-gradient(160deg, rgb(var(--glow-rgb) / .1), transparent 60%), var(--color-ink-1);border-top-right-radius:0;padding-left:24px}.dx-spark{width:100%;height:auto;margin:14px 0 10px;display:block;overflow:visible}.dx-spark .line{fill:none;stroke:#ffffffb3;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.dx-spark .pt{fill:var(--color-ink-1);stroke:#fff9;stroke-width:1.4px}.dx-spark .end{fill:var(--glow)}}@media (prefers-reduced-motion:reduce){.dx-pre[data-state=out]{animation:.24s forwards dx-pre-fade}@keyframes dx-pre-fade{to{opacity:0}}.dx-pre-mark circle{transition:none}.dx-stage img,.dx-hb-pager i,.dx-hb-next,.dx-hb-list .o,.dx-hb-rows>* svg,.dx-craft .o,.dx-flow-n,.dx-flow-lines .reveal,.dx-flow-lines .node{transition:none!important}.dx-hb-cap-t{animation:none}.dx-hb-list .bar{display:none}}
@layer components{.dx-work{max-width:1180px;margin:0 auto;padding:24px 16px 0}@media (min-width:640px){.dx-work{padding:40px 32px 0}}@media (min-width:768px){.dx-work{padding-top:96px}}.dx-cat{white-space:nowrap;height:26px;color:var(--color-fg-2);border:1px solid var(--color-line-2);background:#ffffff0a;border-radius:99px;align-items:center;gap:7px;padding:0 11px 0 8px;font-size:12px;display:inline-flex}.dx-cat>i{border:1.5px solid;border-radius:99px;width:9px;height:9px}.dx-cat.is-own{color:#c9b8ff;border-color:rgb(var(--violet-rgb) / .45)}.dx-cat.is-own>i{box-shadow:0 0 8px rgb(var(--violet-rgb) / .8)}.dx-cat.is-self{color:var(--color-fg)}.dx-cat.is-client{color:var(--color-fg-2)}.dx-chip.is-demo{color:var(--color-warn);border-color:#f7cf6a59}.dx-dotdev{width:100%;height:auto;display:block;position:relative}.dx-dotdev .edge{fill:none;stroke:#ffffff52;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 8}.dx-dotdev .edge.fill{fill:#060608d9}.dx-window{background:#0f0f14;border:1px solid #ffffff1f;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000f2,0 0 0 6px #ffffff05}.dx-window-bar{border-bottom:1px solid var(--color-line);background:#15151b;gap:6px;padding:10px 12px;display:flex}.dx-window-bar i{background:#ffffff29;border-radius:99px;width:8px;height:8px}.dx-window img{width:100%;height:auto;display:block}.dx-work-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:32px;display:flex}.dx-work-filter{scrollbar-width:none;max-width:100%;margin-top:28px;overflow-x:auto}.dx-work-filter::-webkit-scrollbar{display:none}.dx-work-filter button{white-space:nowrap;height:36px;padding:0 14px}.dx-work-grid{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.dx-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}.dx-work-card{height:100%;color:inherit;border:1px solid var(--color-line-2);transition:border-color .22s, transform .32s var(--ease-dx);background:linear-gradient(165deg,#ffffff0d,#0000 40%),#0e0e13;border-radius:24px;text-decoration:none;display:grid;overflow:hidden}.dx-work-card:hover{border-color:rgb(var(--glow-rgb) / .35)}.dx-work-card:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.dx-work-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--color-line);place-items:center;display:grid;position:relative;overflow:hidden}.dx-work-thumb .dx-hb-media-bg{border:0;border-radius:0}.dx-thumb-pic{position:absolute;inset:0}.dx-thumb-pic img{object-fit:cover;object-position:50% 0;width:100%;height:100%}.dx-thumb-win{border:1px solid #ffffff1f;border-radius:10px;align-self:start;width:84%;margin-top:8%;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #000000f2}.dx-thumb-win .dx-window-bar{padding:7px 9px}.dx-thumb-win .dx-window-bar i{width:6px;height:6px}.dx-thumb-win img{width:100%;height:auto;display:block}.dx-work-thumb .dx-dotdev{width:82%}.dx-work-body{flex-direction:column;padding:18px 18px 20px;display:flex}.dx-work-go{color:var(--color-fg);align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:13.5px;display:inline-flex}.dx-work-go svg{transition:transform .32s var(--ease-dx)}.dx-work-card:hover .dx-work-go svg{transform:translate(4px)}.dx-case-head{padding-top:24px}.dx-case-back{min-height:44px;color:var(--color-fg-2);align-items:center;gap:8px;font-size:13.5px;text-decoration:none;display:inline-flex}.dx-case-back:hover{color:var(--color-fg)}.dx-case-title{text-transform:uppercase;letter-spacing:-.02em;margin-top:18px;font-size:clamp(40px,11vw,104px);line-height:.9}.dx-case-line{letter-spacing:-.01em;max-width:30ch;color:var(--color-fg);margin-top:18px;font-size:clamp(19px,2.4vw,26px);line-height:1.3}.dx-case-facts{border:1px solid var(--color-line);background:var(--color-line);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0 0;display:grid;overflow:hidden}@media (min-width:900px){.dx-case-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.dx-case-facts>div{background:var(--color-ink-1);padding:14px 16px}.dx-case-facts dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-3);font-size:10.5px}.dx-case-facts dd{color:var(--color-fg);margin:6px 0 0;font-size:14px;line-height:1.4}.dx-case-cover{border-radius:26px;margin:28px 0 0;position:relative}.dx-case-cover.is-stage{--break:44px;margin-top:calc(var(--break) + 28px);height:440px}@media (min-width:768px){.dx-case-cover.is-stage{--break:60px;height:600px}}.dx-case-stage{top:calc(-1 * var(--break));aspect-ratio:4/5;pointer-events:none;border-radius:0 0 26px 26px;max-width:100%;position:absolute;bottom:0;left:50%;overflow:hidden;translate:-50%}.dx-case-cover.is-screens{padding:22px 14px 14px}@media (min-width:768px){.dx-case-cover.is-screens{padding:48px 48px 22px}}.dx-case-cover.is-screens .dx-window{max-width:980px;margin:0 auto}.dx-case-shots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex;position:relative}.dx-case-shots button{cursor:pointer;height:36px;color:var(--color-fg-2);border:1px solid var(--color-line-2);background:#ffffff0a;border-radius:99px;padding:0 14px;font-size:13px}.dx-case-shots button[aria-pressed=true]{color:var(--color-fg);background:#ffffff14;border-color:#fff6}.dx-case-shots button:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.dx-case-cover.is-dots{padding:28px 16px 18px}@media (min-width:768px){.dx-case-cover.is-dots{padding:56px 56px 26px}}.dx-case-cover.is-dots .dx-dotdev{max-width:720px;margin:0 auto}.dx-case-mask{text-align:center;color:var(--color-fg-2);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex;position:relative}.dx-case-sec{gap:16px;padding-top:72px;display:grid}@media (min-width:900px){.dx-case-sec{grid-template-columns:200px minmax(0,1fr);gap:32px;padding-top:96px}.dx-case-sec>.dx-label{align-self:start;padding-top:6px}}.dx-case-lead{letter-spacing:-.01em;color:var(--color-fg);max-width:34ch;font-size:clamp(20px,2.4vw,28px);line-height:1.3}.dx-case-extra{border:1px solid rgb(var(--violet-rgb) / .3);background:radial-gradient(60% 90% at 0% 0%, rgb(var(--violet-rgb) / .12), transparent 70%), var(--color-ink-1);border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:20px;display:grid}.dx-case-extra-mark{border:1px solid var(--color-line);background:#ffffff08;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.dx-days{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.dx-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.dx-days li{border:1px solid var(--color-line-2);background:linear-gradient(165deg,#ffffff0d,#0000 45%),#101015;border-radius:20px;padding:18px 18px 18px 54px;position:relative}.dx-days .n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-fg-3);font-size:11.5px;position:absolute;top:20px;left:18px}.dx-days .bad{color:var(--color-fg-3);font-size:13.5px;line-height:1.45}.dx-days .does{color:var(--color-fg);margin-top:8px;font-size:15.5px;line-height:1.45}.dx-built{gap:12px;margin-top:24px;display:grid}@media (min-width:768px){.dx-built{grid-template-columns:repeat(2,minmax(0,1fr))}}.dx-built-card{border:1px solid var(--color-line-2);background:linear-gradient(165deg,#ffffff0f,#0000 40%),#101015;border-radius:22px;padding:20px}.dx-built-card h3{font-family:var(--dx-display), sans-serif;text-transform:uppercase;letter-spacing:-.01em;font-size:19px;font-weight:500}.dx-built-card ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.dx-built-card li{color:var(--color-fg-2);padding-left:18px;font-size:14.5px;line-height:1.45;position:relative}.dx-built-card li:before{content:"";background:#ffffff80;border-radius:99px;width:5px;height:5px;position:absolute;top:.6em;left:2px}.dx-pwa{border:1px solid var(--color-line-2);background:radial-gradient(70% 80% at 100% 0%, rgb(var(--violet-rgb) / .12), transparent 70%), #101015;border-radius:22px;padding:22px}.dx-pwa ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.dx-pwa ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.dx-pwa li{color:var(--color-fg);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;display:flex}.dx-pwa li svg{color:var(--glow);flex:none;margin-top:3px}.dx-pwa-why{border-top:1px dashed var(--color-line-2);color:var(--color-fg-3);margin-top:18px;padding-top:16px;font-size:13.5px;line-height:1.5}.dx-proof{border:1px solid var(--color-line);background:var(--color-line);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (min-width:768px){.dx-proof{grid-template-columns:repeat(3,minmax(0,1fr))}}.dx-proof>div{background:var(--color-ink-1);padding:20px}@media (max-width:767px){.dx-proof>div:last-child:nth-child(odd){grid-column:1/-1}}.dx-case-masked{color:var(--color-fg-2);border:1px dashed var(--color-line-2);background:#ffffff08;border-radius:16px;align-items:flex-start;gap:10px;margin-top:56px;padding:14px 16px;font-size:13.5px;line-height:1.5;display:flex}.dx-case-masked svg{flex:none;margin-top:2px}.dx-case-next{gap:14px;margin-top:72px;display:grid}@media (min-width:900px){.dx-case-next{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}}.dx-case-next-card{color:inherit;border:1px solid var(--color-line-2);background:linear-gradient(165deg,#ffffff0d,#0000 45%),#0e0e13;border-radius:24px;gap:10px;padding:24px 70px 24px 22px;text-decoration:none;transition:border-color .22s;display:grid;position:relative}.dx-case-next-card:hover{border-color:rgb(var(--glow-rgb) / .35)}.dx-case-next-card:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.dx-case-next-arrow{transition:transform .32s var(--ease-dx);position:absolute;top:50%;right:22px;translate:0 -50%}.dx-case-next-card:hover .dx-case-next-arrow{transform:translate(4px)}.dx-case-cta{border:1px solid rgb(var(--glow-rgb) / .25);background:linear-gradient(160deg, rgb(var(--glow-rgb) / .08), transparent 60%), var(--color-ink-1);border-radius:24px;align-content:center;justify-items:start;gap:14px;padding:22px;display:grid}.dx-reel{margin:0;padding:0;list-style:none}.dx-reel-card{height:100%;color:inherit;border:1px solid var(--color-line-2);background:linear-gradient(165deg,#ffffff0d,#0000 40%),#0e0e13;border-radius:26px;text-decoration:none;transition:border-color .22s;display:grid;overflow:hidden;box-shadow:0 -24px 60px -30px #000000f2}.dx-reel-card:hover{border-color:rgb(var(--glow-rgb) / .35)}.dx-reel-card:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.dx-reel-cover{aspect-ratio:16/10;place-items:center;display:grid;position:relative;overflow:hidden}.dx-reel-cover .dx-hb-media-bg{border:0;border-radius:0}.dx-reel-cover .dx-dotdev{width:82%}.dx-reel-body{flex-direction:column;padding:18px 18px 20px;display:flex}.dx-reel-days{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.dx-reel-days li{color:var(--color-fg-2);padding-left:16px;font-size:14px;line-height:1.45;position:relative}.dx-reel-days li:before{content:"";background:#ffffff73;border-radius:99px;width:5px;height:5px;position:absolute;top:.6em;left:2px}@media (max-width:767px){.dx-reel{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:0 -16px;padding:4px 16px 8px;display:flex;overflow-x:auto}.dx-reel::-webkit-scrollbar{display:none}.dx-reel-item{scroll-snap-align:center;flex:0 0 86%}}@media (min-width:768px){.dx-reel{gap:26px;padding-bottom:24px;display:grid}.dx-reel-item{top:calc(88px + var(--i) * 12px);position:sticky}.dx-reel-card{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:440px}.dx-reel-cover{aspect-ratio:auto;border-right:1px solid var(--color-line)}.dx-reel-body{padding:30px 30px 28px}.dx-reel-item:nth-child(2n) .dx-reel-card{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.dx-reel-item:nth-child(2n) .dx-reel-cover{border-right:0;border-left:1px solid var(--color-line);order:2}}}@media (prefers-reduced-motion:reduce){.dx-reel-card,.dx-work-card,.dx-work-go svg,.dx-case-next-arrow{transition:none!important}}