@layer components{.stub-word{margin-top:1.25rem;display:inline-block;position:relative}.stub-word h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(4rem,12vw,10.5rem);line-height:.95}.stub-stroke{pointer-events:none;width:110%;height:50%;position:absolute;top:24%;left:-5%}.stub-stroke path{stroke:var(--color-moss);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:stub-draw 1.1s var(--ease-out-expo) .3s forwards}.stub-hand{font-family:var(--font-hand);color:var(--color-moss-text);white-space:nowrap;transform-origin:0;opacity:0;margin-top:1.1rem;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1;animation:.6s ease-out 1.1s forwards stub-show;display:block;transform:rotate(-4deg)}@media (min-width:48rem){.stub-hand{margin:0;position:absolute;top:-.35em;left:calc(100% + .5rem)}}@keyframes stub-draw{to{stroke-dashoffset:0}}@keyframes stub-show{to{opacity:1}}@media (prefers-reduced-motion:reduce){.stub-stroke path{stroke-dashoffset:0;animation:none}.stub-hand{opacity:1;animation:none}}}