.hero-halftone-background{z-index:0;background:var(--color-canvas);pointer-events:auto;position:absolute;inset:0;overflow:hidden}.halftone-stage{aspect-ratio:1;background:var(--color-canvas);border:1px solid #090a0914;border-radius:2px;width:100%;position:relative;overflow:hidden}.halftone-stage--fill{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%}.halftone-canvas{cursor:default;touch-action:pan-y;width:100%;height:100%;display:block}.halftone-replay{width:32px;height:32px;color:var(--color-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090a090f;border:1px solid #090a0924;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;position:absolute;top:12px;right:12px}.halftone-replay:hover{color:var(--color-ink);background:#090a091a;border-color:#090a0957}.halftone-replay:active{transform:scale(.94)}.halftone-replay:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}