.hello-section{padding-block:clamp(64px,18.9223px + 12.0207vw,180px)}.hello-section>h2{color:#1e1e1e33;letter-spacing:-.01em;max-width:1080px;margin:0 auto;padding-inline:24px;font-size:clamp(24px,17.7824px + 1.658vw,40px);font-weight:600;line-height:130%}.hello-section>h2>img{width:clamp(34px,22.342px + 3.1088vw,64px);position:relative;right:10px}.hello-section>h2>.hello{--hello-progress:0%;--hello-accent-reveal:clamp(0%,calc((var(--hello-progress) - 8%)*4.5),100%);--hello-pen-reveal:clamp(0%,calc((var(--hello-progress) - 82%)*8),100%);background-image:linear-gradient(90deg,#1e1e1e,#1e1e1e);background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;background-size:var(--hello-progress)100%;-webkit-background-image:linear-gradient(90deg,#1e1e1e,#1e1e1e);-webkit-background-repeat:no-repeat;-webkit-background-size:var(--hello-progress)100%;background-color:#0000;-webkit-background-clip:text}.hello-section>h2>.hello .hello__accent,.hello-section>h2>.hello .hello__pen>span{-webkit-background-repeat:no-repeat;will-change:background-size;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}.hello-section>h2>.hello .hello__accent{color:#6c73f333;background-image:linear-gradient(90deg,#6c73f3,#6c73f3);background-size:var(--hello-accent-reveal)100%;-webkit-text-fill-color:#6c73f333;-webkit-background-image:linear-gradient(90deg,#6c73f3,#6c73f3);-webkit-background-size:var(--hello-accent-reveal)100%}.hello-section>h2>.hello .hello__pen{white-space:nowrap;display:inline-block;position:relative}.hello-section>h2>.hello .hello__pen>span{z-index:1;background-image:linear-gradient(90deg,#1e1e1e,#1e1e1e);background-size:var(--hello-pen-reveal)100%;-webkit-background-image:linear-gradient(90deg,#1e1e1e,#1e1e1e);-webkit-background-size:var(--hello-pen-reveal)100%;position:relative}.hello-section>h2>.hello .hello__pen-selection{z-index:0;width:calc(100% + 24px);min-width:132px;height:auto;clip-path:inset(0 calc(100% - var(--hello-pen-reveal))0 0);object-fit:contain;pointer-events:none;will-change:clip-path;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}
