@property --about-dot{syntax:"<length>";inherits:true;initial-value:0}@property --about-dot-in{syntax:"<number>";inherits:true;initial-value:1}.about-glyph{--about-cell:.034em;--about-dot:.0118em;--about-fill:linear-gradient(150deg, #a9b8ff 0%, #5b7cff 45%, #9b6bff 100%);letter-spacing:0;transition:--about-dot .9s var(--ease-out-expo), opacity .6s var(--ease-out-expo), filter .9s var(--ease-out-expo);font-weight:600;line-height:1;display:grid}.about-glyph>span{color:#0000;--about-r:calc(var(--about-dot) * var(--about-dot-in));-webkit-mask-image:radial-gradient(circle, #000 var(--about-r), transparent calc(var(--about-r) + .7px));-webkit-mask-image:radial-gradient(circle, #000 var(--about-r), transparent calc(var(--about-r) + .7px));mask-image:radial-gradient(circle, #000 var(--about-r), transparent calc(var(--about-r) + .7px));-webkit-mask-size:var(--about-cell) var(--about-cell);-webkit-mask-size:var(--about-cell) var(--about-cell);mask-size:var(--about-cell) var(--about-cell);transition:opacity .7s var(--ease-out-expo);-webkit-background-clip:text;background-clip:text;grid-area:1/1;-webkit-mask-position:0 0;mask-position:0 0}.about-glyph__base{background-image:linear-gradient(170deg,#f4f6fc 10%,#9aa1b4 90%)}.about-glyph__fill{background-image:var(--about-fill);opacity:0}.about-glyph[data-tone=micro]{--about-fill:linear-gradient(150deg, #ffd2bd 0%, #ff7a45 48%, #9b6bff 100%)}[data-state=active] .about-glyph>.about-glyph__fill{opacity:1}[data-state=active] .about-glyph>.about-glyph__base{opacity:0}[data-state=active] .about-glyph[data-tone=micro]{--about-dot:.0145em;filter:drop-shadow(0 0 1.4rem #ff7a4547)}[data-state=active] .about-glyph[data-tone=micro]>span{animation:2.6s linear infinite about-glyph-drift}[data-state=active] .about-glyph[data-tone=pull]{--about-dot:.026em;filter:drop-shadow(0 0 1.6rem #5b7cff52)}[data-state=dim] .about-glyph{opacity:.34}@keyframes about-glyph-drift{to{-webkit-mask-position:calc(var(--about-cell) * 2) calc(var(--about-cell) * -3);-webkit-mask-position:calc(var(--about-cell) * 2) calc(var(--about-cell) * -3);mask-position:calc(var(--about-cell) * 2) calc(var(--about-cell) * -3)}}.about-dots{transition:scale .9s var(--ease-out-expo), filter .6s var(--ease-out-expo)}.about-dots circle{--about-dot-delay:calc(.3s + var(--i) * 24ms);transform:translate(var(--x0), var(--y0));opacity:.4;transition:transform 1.8s var(--ease-out-expo) var(--about-dot-delay), opacity .9s ease var(--about-dot-delay)}.about-dots[data-formed] circle{transform:translate(var(--x1), var(--y1));opacity:.85}@media (hover:hover){.group:hover .about-dots{filter:drop-shadow(0 0 5px);scale:1.06}.group:hover .about-dots circle{opacity:1;transition-delay:0s}}.about-scroll-line{position:relative;overflow:hidden}.about-scroll-line:after{content:"";inset-inline:0;background:linear-gradient(to bottom, transparent, var(--color-fg));height:40%;animation:about-scroll-spark 2.4s var(--ease-in-out-quart) infinite;position:absolute;top:0}@keyframes about-scroll-spark{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}@media (prefers-reduced-motion:reduce){[data-state=active] .about-glyph[data-tone=micro]>span,.about-scroll-line:after{animation:none}}