.hw-ob{display:block;overflow:visible}.hw-ob *{transform-box:fill-box}.hw-ob,.hw-scene{filter:var(--hw-obj-tone)}.hw-scene .hw-ob{filter:none}.hw-ob-arm{transform-origin:3% 100%;transform:rotate(-14deg);transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.hw-ob-disc{transform-origin:50% 50%}.hw-ob-glass,.hw-ob-out{transition:transform .36s cubic-bezier(.3,1.3,.5,1)}.hw-ob-hl{transform-origin:0 50%}.hw-ob-key{transition:transform .14s var(--hw-ease)}.hw-ob-glow{transition:opacity .24s var(--hw-ease)}.hw-ob-lid{transform-origin:8% 100%}.hw-ob-lid,.hw-ob-peek{transition:transform .3s var(--hw-spring)}.hw-ob-peek{transform:translateY(5px)}.obj[aria-expanded=true] .hw-ob-lid,:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-lid{transform:rotate(-12deg)}.obj[aria-expanded=true] .hw-ob-peek,:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-peek{transform:translateY(0)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-flash{animation:hw-ob-flash 1s ease-in-out infinite}@keyframes hw-ob-flash{0%,55%,to{opacity:.25}60%,78%{opacity:1}}.hw-obj.on .hw-ob-arm,:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-arm{animation:hw-ob-clap .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes hw-ob-clap{0%,to{transform:rotate(-14deg)}40%{transform:rotate(0deg)}55%{transform:rotate(-3deg)}}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-out{transform:translateX(4px)}.hw-obj.on .hw-ob-disc,:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-disc{animation:hw-spin 1.8s linear infinite}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-glass{transform:translate(-6px,-7px)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-hl{animation:hw-ob-hl 1s var(--hw-ease) both}@keyframes hw-ob-hl{0%{transform:scaleX(0)}}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(2){animation:hw-ob-press .9s ease-in-out infinite}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(3){animation:hw-ob-press .9s ease-in-out .15s infinite}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(4){animation:hw-ob-press .9s ease-in-out .3s infinite}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-key:nth-child(5){animation:hw-ob-press .9s ease-in-out .45s infinite}@keyframes hw-ob-press{0%,30%,to{transform:translateY(0)}15%{transform:translateY(1.6px)}}:is(.hw-obj,.hw-ideas,.hw-capc):is(:hover,.demo-hover) .hw-ob-glow{opacity:.35}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-land{animation:hw-ob-land 3s linear infinite}@keyframes hw-ob-land{to{transform:translateX(-32px)}}:is(.hw-obj,.hw-capc):is(:hover,.demo-hover) .hw-ob-caret{animation:hw-ob-blink 1s steps(2) infinite}@keyframes hw-ob-blink{50%{opacity:0}}.hw-obj.on .hw-ob-page,:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-page{animation:hw-ob-scroll 2.4s ease-in-out infinite}@keyframes hw-ob-scroll{0%,15%{transform:translateY(0)}55%,70%{transform:translateY(-10px)}to{transform:translateY(0)}}.hw-ob-pad{transform-origin:50% 70%;transition:transform .3s var(--hw-spring)}:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-pad{transform:rotate(-6deg)}.hw-obj.on .hw-ob-btn:first-of-type,:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-btn:first-of-type{animation:hw-ob-tap .7s ease-in-out infinite}.hw-obj.on .hw-ob-btn:nth-of-type(2),:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-btn:nth-of-type(2){animation:hw-ob-tap .7s ease-in-out .35s infinite}@keyframes hw-ob-tap{0%,40%,to{transform:scale(1)}20%{transform:scale(.7)}}.hw-obj.on .hw-ob-wave,:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-wave{animation:hw-ob-wave 1.2s ease-out infinite}.hw-obj.on .hw-ob-wave.w2,:is(.hw-obj,.hw-capc,.hw-capt):is(:hover,.demo-hover) .hw-ob-wave.w2{animation-delay:.3s}@keyframes hw-ob-wave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.hw-scene{display:block;width:100%;height:100%;overflow:visible}.hw-scene *{transform-box:fill-box}.hw-sc-print{transform-origin:50% 100%;transform:rotate(var(--r));transition:transform .42s cubic-bezier(.3,1.3,.5,1)}.hw-capc:is(:hover,.demo-hover) .hw-sc-print{transform:rotate(calc(var(--r) * 1.6)) translateY(-4px)}.hw-sc-reel{transition:none}.hw-capc:is(:hover,.demo-hover) .hw-sc-reel,.hw-capt:hover .hw-sc-reel{animation:hw-sc-reel 1.8s linear infinite}@keyframes hw-sc-reel{to{transform:translateX(-168px)}}.hw-sc-bar{transform-origin:50% 100%}.hw-capc:is(:hover,.demo-hover) .hw-sc-bar,.hw-capt:hover .hw-sc-bar{animation:hw-sc-bar .7s ease-in-out infinite alternate}@keyframes hw-sc-bar{to{transform:scaleY(.45)}}.hw-sc-notes{transition:transform .6s var(--hw-ease)}.hw-capc:is(:hover,.demo-hover) .hw-sc-notes{transform:translateY(-6px)}.hw-capc:is(:hover,.demo-hover) .hw-sc-src{animation:hw-sc-src .5s var(--hw-ease) both}@keyframes hw-sc-src{0%{opacity:0;transform:translateX(10px)}}.hw-capc:is(:hover,.demo-hover) .hw-sc-blk,.hw-capt:hover .hw-sc-blk{animation:hw-sc-blk .5s var(--hw-ease) both;animation-delay:var(--d)}@keyframes hw-sc-blk{0%{opacity:0;transform:translateY(8px)}}.hw-capc:is(:hover,.demo-hover) .hw-sc-hop,.hw-capt:hover .hw-sc-hop{animation:hw-sc-hop 1.1s var(--hw-ease) infinite}@keyframes hw-sc-hop{0%,to{transform:translate(0)}45%{transform:translate(28px,-34px)}70%{transform:translate(52px,-20px)}}.hw-capc:is(:hover,.demo-hover) .hw-sc-coin,.hw-capt:hover .hw-sc-coin{animation:hw-sc-coin .8s linear infinite;transform-origin:50% 50%}@keyframes hw-sc-coin{50%{transform:scaleX(.15)}}.hw-sc-said{stroke-dasharray:60;stroke-dashoffset:0}.hw-capc:is(:hover,.demo-hover) .hw-sc-said,.hw-capt:hover .hw-sc-said{animation:hw-sc-said 1.6s linear infinite}@keyframes hw-sc-said{0%{opacity:.25}}.hw-at-work .hw-ob-flash{animation:hw-ob-flash 1s ease-in-out infinite}.hw-at-work .hw-ob-arm{animation:hw-ob-clap .8s cubic-bezier(.4,0,.2,1) infinite}.hw-at-work .hw-ob-out{transform:translateX(4px)}.hw-at-work .hw-ob-disc{animation:hw-spin 1.8s linear infinite}.hw-at-work .hw-ob-glass{animation:hw-ob-scan 2s ease-in-out infinite}@keyframes hw-ob-scan{50%{transform:translate(-6px,-7px)}}.hw-at-work .hw-ob-key:nth-child(2){animation:hw-ob-press .9s ease-in-out infinite}.hw-at-work .hw-ob-key:nth-child(3){animation:hw-ob-press .9s ease-in-out .15s infinite}.hw-at-work .hw-ob-key:nth-child(4){animation:hw-ob-press .9s ease-in-out .3s infinite}.hw-at-work .hw-ob-key:nth-child(5){animation:hw-ob-press .9s ease-in-out .45s infinite}.hw-at-work .hw-ob-land{animation:hw-ob-land 3s linear infinite}.hw-at-work .hw-ob-caret{animation:hw-ob-blink 1s steps(2) infinite}.hw-at-work .hw-ob-page{animation:hw-ob-scroll 2.4s ease-in-out infinite}.hw-at-work .hw-ob-btn:first-of-type{animation:hw-ob-tap .7s ease-in-out infinite}.hw-at-work .hw-ob-btn:nth-of-type(2){animation:hw-ob-tap .7s ease-in-out .35s infinite}.hw-at-work .hw-ob-wave{animation:hw-ob-wave 1.2s ease-out infinite}.hw-at-work .hw-ob-wave.w2{animation-delay:.3s}@media (prefers-reduced-motion:reduce){.hw-ob *,.hw-scene *{animation:none!important;transition:none!important}}.hw-site-system{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-block:var(--hw-site-first-top) var(--hw-site-section-gap);text-align:center}.hw-site-system>p{color:var(--hw-ink-2);max-width:var(--hw-site-copy-width)}.hw-site-system-object{width:var(--hw-obj-xl);height:var(--hw-obj-xl);margin-block-end:var(--space-3)}.hw-site-system-object svg,.hw-site-system-object>span{width:100%;height:100%}.hw-site-system-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-3)}.hw-site-system-share h1{font-size:var(--hw-fs-heading);line-height:var(--hw-lh-heading);letter-spacing:var(--hw-ls-heading);font-weight:500;text-wrap:balance}.hw-site-main:has(>.hw-site-system-share){display:grid;place-items:center}.hw-site-system-share{padding-block:var(--space-8)}.hw-site-system-id{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);color:var(--hw-ink-3);font-size:var(--hw-fs-meta);line-height:var(--hw-lh-meta)}.hw-site-system-id button{min-width:var(--hw-ctl-3);min-height:var(--hw-ctl-3)}.hw-site-system-id{margin-block-start:var(--space-4)}.hw-site-system-id code{color:var(--hw-ink-2);font-family:inherit;letter-spacing:.04em}