.scroll-words{--count:1;--band-start:50svh;top:calc((var(--count) - 1) * -1lh);position:sticky}.scroll-words__list{padding-top:calc(var(--band-start) - .5lh);margin:0}.scroll-words__word{display:block}.scroll-words__space{height:0}@supports (animation-timeline:view()){.scroll-words__space{height:var(--space,45svh)}.scroll-words__word{--_dim:color-mix(in srgb, var(--scroll-words-base,canvasText) 24%, transparent);color:#0000;background-image:linear-gradient(180deg, var(--_dim) 0 calc(50% - .5lh), var(--scroll-words-accent,var(--accent,canvasText)) calc(50% - .5lh) calc(50% + .5lh), var(--_dim) calc(50% + .5lh));animation:linear both scroll-words-sweep;animation-timeline:view();animation-range-start:cover calc(100svh - var(--band-start) - 1lh);animation-range-end:cover calc(100svh - var(--band-start) + 2lh);background-position:50% 100%;background-repeat:no-repeat;background-size:100% 400%;-webkit-background-clip:text;background-clip:text}.scroll-words__word:last-child{animation-name:scroll-words-sweep-last;animation-range-end:cover calc(100svh - var(--band-start) + .5lh)}}@media (prefers-reduced-motion:reduce){.scroll-words__space{height:0}}@keyframes scroll-words-sweep{0%{background-position:50% 100%}to{background-position:50% 0}}@keyframes scroll-words-sweep-last{0%{background-position:50% 100%}to{background-position:50%}}.word-hero{color:canvastext;background:canvas;min-height:100vh}.word-hero__stack{text-align:center;font-size:clamp(2rem,8vw,6rem);font-weight:600;line-height:1.2}.word-hero[data-animate=false] .scroll-words__space{height:0}.word-hero[data-animate=false] .scroll-words__word{color:inherit;background-image:none;animation:none}.word-hero[data-debug=true] .scroll-words__word{outline:.05em dashed var(--scroll-words-accent,currentColor)}.word-hero__main{z-index:2;color:canvas;text-align:center;background:canvastext;border-radius:1rem 1rem 0 0;place-items:center;min-height:100vh;font-size:clamp(1.25rem,4vw,2.5rem);font-weight:600;display:grid;position:relative}.word-hero__main a{color:var(--scroll-words-accent,inherit);text-decoration:none}.word-hero__main a:is(:hover,:focus-visible){text-decoration:underline}.word-hero__footer{color:canvas;text-align:center;background:canvastext;padding-block:2rem;font-size:.875rem;font-weight:300}
/*# sourceMappingURL=1mj1hlr8yi7sy.css.map*/