.now-work[data-astro-cid-3e7gbeap]{z-index:1;background:var(--bg);padding:clamp(120px, 18vh, 220px) var(--gutter) clamp(80px, 12vh, 140px);position:relative}.now-head[data-astro-cid-3e7gbeap]{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(32px,6vh,64px);display:flex}.now-head[data-astro-cid-3e7gbeap] h2[data-astro-cid-3e7gbeap]{font-size:var(--t-h-lg);letter-spacing:-.02em;font-weight:400;line-height:.92}.all[data-astro-cid-3e7gbeap]{font-size:var(--t-sub);color:var(--text);border-bottom:1px solid var(--fluo);align-items:baseline;gap:10px;padding-bottom:2px;transition:color .3s;display:inline-flex;position:relative}.all[data-astro-cid-3e7gbeap] span[data-astro-cid-3e7gbeap]{font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}@media (hover:hover){.all[data-astro-cid-3e7gbeap]:hover{color:var(--fluo)}}.now-list[data-astro-cid-3e7gbeap]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(20px,3vw,48px);list-style:none;display:grid}.now-item[data-astro-cid-3e7gbeap]:nth-child(2n){margin-top:clamp(48px,14vh,160px)}.now-card[data-astro-cid-3e7gbeap]{display:block}.nc-media[data-astro-cid-3e7gbeap]{aspect-ratio:16/11;border-radius:var(--r-card);background:var(--bg-2);position:relative;overflow:hidden}.nc-media[data-astro-cid-3e7gbeap] video[data-astro-cid-3e7gbeap]{object-fit:cover;width:100%;height:100%}.now-item[data-astro-cid-3e7gbeap]{position:relative}.nc-ctl[data-astro-cid-3e7gbeap]{aspect-ratio:16/11;pointer-events:none;position:absolute;top:0;left:0;right:0}.nc-ctl[data-astro-cid-3e7gbeap] .v-bar[data-astro-cid-3e7gbeap]{margin:0;position:absolute;top:calc(100% + 12px);left:0;right:0}.nc-ctl[data-astro-cid-3e7gbeap] .v-ctl[data-astro-cid-3e7gbeap]{pointer-events:auto;position:absolute;top:calc(100% + 13px);left:0}.has-clip[data-astro-cid-3e7gbeap] .nc-copy[data-astro-cid-3e7gbeap]{padding-top:62px}.nc-orb[data-astro-cid-3e7gbeap]{place-items:center;display:grid;position:absolute;inset:0}.nc-orb[data-astro-cid-3e7gbeap] canvas[data-astro-cid-3e7gbeap]{aspect-ratio:1;width:68.75%;height:auto;transition:transform 1.2s var(--ease-out)}@media (hover:hover){.now-card[data-astro-cid-3e7gbeap]:hover .nc-orb[data-astro-cid-3e7gbeap] canvas[data-astro-cid-3e7gbeap]{transform:scale(1.07)}}.nc-copy[data-astro-cid-3e7gbeap]{padding-top:22px}.nc-where[data-astro-cid-3e7gbeap]{font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--fluo);align-items:center;gap:10px;display:flex}.live[data-astro-cid-3e7gbeap]{background:var(--fluo);border-radius:50%;width:7px;height:7px;position:relative}.live[data-astro-cid-3e7gbeap]:after{content:"";border:1px solid var(--fluo);animation:pulse 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}html.motion-off .live[data-astro-cid-3e7gbeap]:after{opacity:0;animation:none}.now-card[data-astro-cid-3e7gbeap] h3[data-astro-cid-3e7gbeap]{font-size:var(--t-h);letter-spacing:-.01em;margin-top:12px;font-weight:400;line-height:1;transition:color .3s}@media (hover:hover){.now-card[data-astro-cid-3e7gbeap]:hover h3[data-astro-cid-3e7gbeap]{color:var(--fluo)}}.nc-sum[data-astro-cid-3e7gbeap]{max-width:44ch;color:var(--soft);margin-top:14px}.nc-meta[data-astro-cid-3e7gbeap]{border-top:1px solid var(--line);font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);justify-content:space-between;gap:16px;margin-top:18px;padding-top:12px;display:flex}@media (width<=820px){.now-list[data-astro-cid-3e7gbeap]{grid-template-columns:1fr;gap:56px}.now-item[data-astro-cid-3e7gbeap]:nth-child(2n){margin-top:0}.now-head[data-astro-cid-3e7gbeap]{flex-wrap:wrap}}canvas#gl{z-index:0;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}:root{--dot-y:36svh}.hero{text-align:center;min-height:100svh;padding:calc(var(--dot-y) + 16px + clamp(40px, 6vh, 72px)) var(--gutter) 14svh;align-content:start;justify-items:center;display:grid;position:relative}.hero h1{font-size:var(--t-h);letter-spacing:-.01em;text-wrap:balance;max-width:22ch;font-weight:400;line-height:1.06}.hero .proof{max-width:50ch;color:var(--soft);text-wrap:pretty;margin-top:clamp(18px,2.6vh,28px)}.cue{color:var(--text);font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;border-radius:40px;justify-items:center;gap:10px;padding:8px 14px;transition:color .3s;display:grid;position:absolute;bottom:clamp(18px,4.5svh,48px);left:50%;translate:-50%}.cue .arrow{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:30px;animation:2.4s cubic-bezier(.5,0,.2,1) infinite cue-move;overflow:visible}.cue .shaft{stroke-dasharray:26;animation:2.4s cubic-bezier(.5,0,.2,1) infinite cue-draw}.cue .head{transform-box:fill-box;animation:2.4s cubic-bezier(.5,0,.2,1) infinite cue-head}@keyframes cue-move{0%,15%{opacity:1;transform:translateY(-4px)}82%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translateY(6px)}}@keyframes cue-draw{0%{stroke-dashoffset:26px}58%,to{stroke-dashoffset:0}}@keyframes cue-head{0%,38%{opacity:0;transform:translateY(-5px)}62%,to{opacity:1;transform:none}}@media (hover:hover){.cue:hover{color:var(--fluo)}}html.motion-off .cue *,html.motion-off .cue{animation:none!important}@media (prefers-reduced-motion:reduce){.cue,.cue *{animation:none!important}}.no-gl .hero:before{content:"";left:50%;top:var(--dot-y);background:var(--text);border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute}.skills{height:320svh;position:relative}.stage{height:100svh;padding:0 var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:sticky;top:0;overflow:clip}.copy{grid-column:2;width:min(100%,440px);padding-left:clamp(0px,2vw,32px)}.track{display:grid}.step{opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);grid-area:1/1;transform:translateY(16px)}.step.before{transform:translateY(-16px)}.step.on{opacity:1;pointer-events:auto;transition:opacity .5s var(--ease-out) .18s, transform .6s var(--ease-out) .18s;transform:none}html.motion-off .step,html.motion-off .step.on{transition:opacity .2s linear;transform:none}@media (prefers-reduced-motion:reduce){.step,.step.on{transition:opacity .2s linear;transform:none}}.step h2{font-size:var(--t-h);letter-spacing:-.01em;font-weight:400;line-height:.98}.step p{color:var(--soft);text-wrap:pretty;margin-top:18px}.step p b{color:var(--fluo);font-weight:400}.step ul{flex-wrap:wrap;gap:6px 16px;margin-top:18px;list-style:none;display:flex}.step li{font-size:var(--t-cap);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-ledger)}.stepper{gap:6px;margin-top:clamp(22px,3.6vh,36px);list-style:none;display:flex}.stepper button{cursor:pointer;background:0 0;border:0;border-radius:4px;width:40px;padding:11px 0;display:block}.stepper button span{height:2px;transition:background-color .55s var(--ease-out);background:#4c4a45;border-radius:2px;display:block}.stepper button[aria-current=step] span{background:var(--fluo)}@media (hover:hover){.stepper button:not([aria-current]):hover span{background:var(--mute)}}html:not(.js) .skills,html.less .skills{height:auto}html:not(.js) .stage,html.less .stage{height:auto;padding:clamp(48px, 9vh, 110px) var(--gutter);display:block;position:static;overflow:visible}html:not(.js) .copy,html.less .copy{text-align:left;width:min(100%,560px);margin:0 auto;padding:0}html:not(.js) .track,html.less .track{gap:clamp(48px,9vh,110px)}html:not(.js) .step,html.less .step{pointer-events:auto;opacity:1;grid-area:auto;transition:none;transform:none}html:not(.js) .stepper,html.less .stepper,html.less .cue{display:none}html.less .hero{min-height:0;padding-top:clamp(140px,22vh,240px);padding-bottom:clamp(64px,12vh,140px)}.cmds{left:var(--cx,50vw);top:var(--cy,50vh);z-index:5;opacity:0;visibility:hidden;pointer-events:none;width:0;height:0;transition:opacity .45s var(--ease-out), visibility 0s linear .45s;position:fixed}.cmds.on{opacity:1;visibility:visible;transition:opacity .45s var(--ease-out), visibility 0s}.cmds.on button{pointer-events:auto}.cmds button{transform:translate(-50%, -50%) rotate(var(--a)) translateX(calc(var(--r,120px) * var(--rk,1.5))) rotate(calc(-1 * var(--a)));font:12px/1 var(--mono);color:var(--soft);background:var(--bg-2);border:1px solid var(--line);white-space:nowrap;border-radius:40px;padding:8px 12px;transition:color .25s,border-color .25s;position:absolute;top:0;left:0}@media (hover:hover){.cmds button:hover{border-color:var(--text);color:var(--text)}}.cmds button[aria-pressed=true]{border-color:var(--fluo);color:var(--fluo)}.cmds button span{color:var(--mute)}.sats{z-index:3;pointer-events:none;opacity:var(--sa,0);position:fixed;inset:0}.sats span{white-space:nowrap;font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-ledger);will-change:transform, opacity;position:absolute;top:0;left:0}.sats b{color:var(--fluo);font-weight:400}@media (width>=821px) and (height<=560px){.step ul{display:none}}@media (width<=820px){:root{--dot-y:30svh}.hero{padding-top:calc(var(--dot-y) + 16px + 44px)}.step{transform:translate(28px)}.step.before{transform:translate(-28px)}.stage{padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);align-items:end}.stepper{margin-top:14px}.copy{text-align:center;grid-column:1;width:100%;padding:0}.step p{max-width:38ch;margin-left:auto;margin-right:auto}.step ul{justify-content:center;gap:4px 14px;margin-top:16px}.stepper{justify-content:center}.cmds button{padding:6px 9px;font-size:11px}.cmds{--rk:1.2}.sats span{letter-spacing:.04em}}@media (width<=820px) and (height<=700px){.step ul{display:none}}