@property --demo-pointer-x{syntax:"<percentage>";inherits:true;initial-value:50%}.demo-invitation{--demo-canvas:var(--reader-canvas);--demo-ink:var(--reader-text);--demo-pointer-x:50%;position:relative;isolation:isolate;overflow:clip;min-height:clamp(480px,48vw,680px);background:var(--demo-canvas);color:var(--demo-ink);color-scheme:dark;scroll-margin-top:80px;outline:none;transition:--demo-pointer-x .42s var(--ease-out-quad)}.demo-invitation-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:clamp(76px,7vw,108px) 28px 280px;text-align:center}.demo-invitation-copy p{max-width:58ch;margin:0;color:var(--reader-muted);font-size:14px;line-height:1.6}.demo-invitation .hero-demo-button{--onboarding-foreground:var(--demo-ink);--color-popover:var(--demo-canvas);--color-gradient-from:var(--reader-surface);margin-top:0}.demo-invitation .hero-demo-button:focus-visible{outline-color:var(--demo-ink)}.demo-invitation .hero-demo-button__chevrons{filter:drop-shadow(0 0 2px var(--demo-light)) drop-shadow(0 0 5px var(--demo-light));transition:filter .22s var(--ease-out-quad)}.demo-invitation .hero-demo-button__chevrons svg{overflow:visible}.demo-invitation .hero-demo-button__chevrons circle{fill:var(--demo-light)}.demo-invitation .hero-demo-button__accent{transition:width .3s var(--ease-smooth),background-color .22s var(--ease-out-quad)}.demo-invitation .hero-demo-button:is(:hover,:focus-visible) .hero-demo-button__chevrons{filter:drop-shadow(0 0 3px var(--demo-light)) drop-shadow(0 0 9px var(--demo-light))}.demo-invitation .hero-demo-button:is(:hover,:focus-visible) .hero-demo-button__accent{background-color:color-mix(in oklab,var(--demo-light) 22%,var(--demo-canvas))}.demo-control-halo{transition:filter .22s var(--ease-out-quad)}.demo-invitation-control:has(.hero-demo-button:is(:hover,:focus-visible)) .demo-control-halo{filter:brightness(1.5) drop-shadow(0 0 8px var(--demo-light))}.demo-invitation-control{--demo-light:var(--color-gradient-from);position:relative;display:inline-flex;isolation:isolate;border-radius:var(--radius-lg)}.demo-control-halo{position:absolute;inset:-1px;z-index:-1;pointer-events:none;border-radius:inherit;border:1px solid color-mix(in oklab,var(--demo-light) 85%,transparent);box-shadow:0 0 8px color-mix(in oklab,var(--demo-light) 75%,transparent),0 0 26px color-mix(in oklab,var(--demo-light) 55%,transparent),0 0 58px color-mix(in oklab,var(--demo-light) 32%,transparent);opacity:.8}.demo-invitation .hero-demo-button:is(:hover,:focus-visible,:active){transform:none}.demo-invitation .hero-demo-button:is(:hover,:focus-visible) .hero-demo-button__label,.demo-invitation .hero-demo-button__label{z-index:3;opacity:1;transform:none}.demo-invitation .hero-demo-button__revealed{display:none}.demo-invitation-frame{position:absolute;pointer-events:none;inset:32px;color:color-mix(in oklab,var(--demo-ink) 24%,transparent)}.demo-invitation-frame i{position:absolute;width:14px;height:14px;border:0 solid}.demo-invitation-frame i:first-child{top:0;left:0;border-top-width:1px;border-left-width:1px}.demo-invitation-frame i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.demo-invitation-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.demo-invitation-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.demo-wordmark{position:absolute;inset:auto 0 32px;pointer-events:none;display:flex;align-items:end;justify-content:center;padding:0 36px;color:transparent;-webkit-text-stroke:1px color-mix(in oklab,var(--demo-ink) 16%,transparent)}.demo-wordmark span{font-size:clamp(90px,26vw,380px);font-weight:900;line-height:.85;letter-spacing:-.04em}.demo-wordmark-reveal{color:var(--demo-ink);-webkit-text-stroke:0;mask-image:radial-gradient(460px at var(--demo-pointer-x) 50%,rgb(0 0 0/.65) 0,rgb(0 0 0/.55) 20%,rgb(0 0 0/.3) 50%,rgb(0 0 0/.08) 80%,transparent 100%);-webkit-mask-image:radial-gradient(460px at var(--demo-pointer-x) 50%,rgb(0 0 0/.65) 0,rgb(0 0 0/.55) 20%,rgb(0 0 0/.3) 50%,rgb(0 0 0/.08) 80%,transparent 100%)}.demo-invitation:focus-within .demo-wordmark-reveal{--demo-pointer-x:50%}@media (max-width:600px){.demo-invitation{min-height:410px}.demo-invitation-copy{padding:64px 24px 155px;gap:20px}.demo-invitation-frame{inset:20px}.demo-wordmark{bottom:34px;padding:0 20px}.demo-wordmark span{font-size:26vw}.demo-wordmark-reveal{opacity:.65}}@media (prefers-reduced-motion:reduce){.demo-wordmark-reveal{--demo-pointer-x:50%;opacity:.65}.demo-invitation :is(.hero-demo-button__chevrons,.hero-demo-button__accent,.demo-control-halo){transition:none}.demo-control-halo{opacity:.4}}.source-pixel-animation_card__lrR4i{isolation:isolate;user-select:none}.source-pixel-animation_card__lrR4i>canvas{mask-image:radial-gradient(ellipse at center,transparent 10%,#000 78%)}