@property --gb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hp-reveal{opacity:0;will-change:opacity,transform;transform:translateY(26px)}.hp-reveal.is-in{opacity:1;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 80ms);transform:none}.hp-spotlight{position:relative}.hp-spotlight:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--hp-primary) 22%,transparent),transparent 60%);transition:opacity .35s;position:absolute;inset:0}.hp-spotlight:hover:after{opacity:1}.hp-tilt{transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.hp-gborder{border-radius:.85rem;position:relative}.hp-gborder:before{content:"";border-radius:inherit;background:conic-gradient(from var(--gb-angle),transparent 0%,var(--hp-primary) 20%,color-mix(in srgb,var(--hp-primary) 20%,#fff) 30%,transparent 55%,transparent 100%);pointer-events:none;padding:1.5px;animation:6s linear infinite hp-gb-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes hp-gb-rotate{to{--gb-angle:360deg}}.hp-magnetic{transform:translate(var(--tx,0px),var(--ty,0px));transition:transform .2s cubic-bezier(.2,.8,.2,1)}.hp-sheen{position:relative;overflow:hidden}.hp-sheen:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:60%;height:100%;animation:3.6s ease-in-out infinite hp-sheen;position:absolute;top:0;left:-120%;transform:skew(-18deg)}@keyframes hp-sheen{0%{left:-120%}55%,to{left:130%}}.hp-grain:before{content:"";z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hp-vignette:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,#0000 55%,#0000008c);position:absolute;inset:0}.hp-word{opacity:0;animation:.7s cubic-bezier(.2,.9,.2,1) forwards hp-word-in;animation-delay:calc(var(--wi,0) * 90ms + .25s);display:inline-block;transform:translateY(.5em)}@keyframes hp-word-in{to{opacity:1;transform:none}}.hp-text-shimmer{background-size:200%;animation:5s linear infinite hp-text-shimmer}@keyframes hp-text-shimmer{to{background-position:200%}}.hp-progress{transform-origin:0;transform:scaleX(var(--sp,0));transition:transform .1s linear}.hp-awaken{animation:1.1s cubic-bezier(.2,.9,.2,1) both hp-awaken}@keyframes hp-awaken{0%{opacity:0;filter:blur(8px);transform:scale(.6)rotate(-90deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}.hp-float{animation:7s ease-in-out infinite hp-float}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hp-drift{animation:14s ease-in-out infinite alternate hp-drift}@keyframes hp-drift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.12)}}.hp-flow-node{position:relative}.hp-flow-node:before{content:"";border-radius:inherit;border:1px solid var(--hp-primary);opacity:0;pointer-events:none;animation:3s ease-in-out infinite hp-flow;animation-delay:calc(var(--fi,0) * .5s);position:absolute;inset:0}.hp-flow-dot{animation:3s ease-in-out infinite hp-flow-dot;animation-delay:calc(var(--fi,0) * .5s)}@keyframes hp-flow{0%,to{opacity:0}14%{opacity:.85}38%{opacity:0}}@keyframes hp-flow-dot{0%,to{transform:scale(1);box-shadow:0 0 #0000}14%{box-shadow:0 0 12px 2px var(--hp-primary);transform:scale(1.4)}38%{transform:scale(1);box-shadow:0 0 #0000}}@media(prefers-reduced-motion:reduce){.hp-reveal{opacity:1!important;transition:none!important;transform:none!important}.hp-word{opacity:1!important;animation:none!important;transform:none!important}.hp-gborder:before,.hp-sheen:before,.hp-text-shimmer,.hp-awaken,.hp-float,.hp-flow-node:before,.hp-flow-dot,.hp-drift{animation:none!important}.hp-tilt,.hp-magnetic{transform:none!important}}
