.hp-services{position:relative;background:hsl(var(--muted));padding-block:var(--pad)}.hp-services-head{display:grid;gap:1.5rem;margin-bottom:3rem}.hp-services-head .rg-h2{margin-top:1.4rem}.hp-services-lede{margin:0;max-width:28rem;font-size:1.1rem;line-height:1.6;color:hsl(var(--foreground) / .76)}@media(min-width:900px){.hp-services-head{grid-template-columns:1fr auto;align-items:end;margin-bottom:4rem}}.hp-svc-list{list-style:none;margin:0;padding:0;border-top:1px solid hsl(var(--foreground) / .8)}.hp-svc-list li{border-bottom:1px solid hsl(var(--foreground) / .16)}.hp-svc{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:.35rem 1.25rem;align-items:center;padding:1.3rem 0;color:hsl(var(--foreground));text-decoration:none}.hp-svc:before{content:"";position:absolute;inset:0;z-index:-1;background:hsl(var(--accent));transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--ease-out)}.hp-svc-name{font-family:var(--font-display);font-variation-settings:"opsz" 60;font-size:clamp(1.6rem,1.2rem + 1.7vw,2.75rem);line-height:1.05;letter-spacing:-.02em;transition:transform .55s var(--ease-out),color .35s}.hp-svc-blurb{grid-column:1;font-size:.95rem;line-height:1.5;color:hsl(var(--foreground) / .74);transition:color .35s}.hp-svc-go{grid-column:2;grid-row:1 / span 2;width:48px;height:48px;display:grid;place-items:center;border:1px solid hsl(var(--foreground) / .25);border-radius:50%;color:hsl(var(--foreground));transition:transform .55s var(--ease-out),border-color .35s,color .35s,background-color .35s}@media(min-width:900px){.hp-svc{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:2.5rem;padding:1.6rem 0}.hp-svc-blurb{grid-column:2;max-width:30rem}.hp-svc-go{grid-column:3;grid-row:1}}.hp-svc.has-ic{grid-template-columns:auto 1fr auto;-moz-column-gap:1.1rem;column-gap:1.1rem}.hp-svc.has-ic .hp-svc-ic{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:.1rem}.hp-svc.has-ic .hp-svc-name,.hp-svc.has-ic .hp-svc-blurb{grid-column:2}.hp-svc.has-ic .hp-svc-go{grid-column:3}.hp-svc-ic{display:block;width:2.6rem;height:2.6rem;color:hsl(var(--foreground));transition:color .35s,transform .55s var(--ease-out)}.hp-svc-ic svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hp-svc-ic path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke .35s}.hp-svc-ic .a{stroke:hsl(var(--accent))}.hp-svc-ic .f{fill:currentColor;stroke:none}.hp-svc-ic .af{fill:hsl(var(--accent));stroke:none;transition:fill .35s,transform .9s var(--ease-out)}.hp-svc-ic .m{transform-box:fill-box;transform-origin:50% 50%;transition:transform .6s var(--ease-out)}.hp-svc-ic .m-wave{transform-origin:0 50%}@media(min-width:900px){.hp-svc.has-ic{grid-template-columns:auto minmax(0,1.05fr) minmax(0,1fr) auto;-moz-column-gap:2rem;column-gap:2rem}.hp-svc.has-ic .hp-svc-ic{grid-row:1;align-self:center;margin-top:0;width:3.5rem;height:3.5rem}.hp-svc.has-ic .hp-svc-name{grid-column:2}.hp-svc.has-ic .hp-svc-blurb{grid-column:3}.hp-svc.has-ic .hp-svc-go{grid-column:4;grid-row:1}}.motion li[data-reveal] .hp-svc-ic path{stroke-dashoffset:1;transition:stroke-dashoffset 1.25s var(--ease-io),stroke .35s;transition-delay:calc(var(--i, 0) * 90ms + var(--n, 0) * .11s + .25s),0s}.motion li[data-reveal].is-in .hp-svc-ic path{stroke-dashoffset:0}.motion li[data-reveal] .hp-svc-ic circle{opacity:0;transition:opacity .5s ease,fill .35s,transform .9s var(--ease-out);transition-delay:calc(var(--i, 0) * 90ms + var(--n, 0) * 70ms + .6s),0s,0s}.motion li[data-reveal].is-in .hp-svc-ic circle{opacity:1}@keyframes rg-ic-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes rg-ic-dot{40%{transform:scale(1.7)}}@media(hover:hover){.hp-svc:hover .hp-svc-ic,.hp-svc:focus-visible .hp-svc-ic{color:hsl(var(--accent-foreground));transform:translate(1.25rem)}.hp-svc:hover .hp-svc-ic .a,.hp-svc:focus-visible .hp-svc-ic .a{stroke:hsl(var(--accent-foreground));animation:rg-ic-draw .85s var(--ease-out)}.hp-svc:hover .hp-svc-ic .af,.hp-svc:focus-visible .hp-svc-ic .af{fill:hsl(var(--accent-foreground))}.hp-svc:hover .m-drop,.hp-svc:focus-visible .m-drop{transform:translateY(3.5px)}.hp-svc:hover .m-lift,.hp-svc:focus-visible .m-lift{transform:translateY(-3.5px)}.hp-svc:hover .m-ride,.hp-svc:focus-visible .m-ride{transform:translate(19px,-9.5px)}.hp-svc:hover .m-pop,.hp-svc:focus-visible .m-pop{transform:scale(1.08)}.hp-svc:hover .m-nudge,.hp-svc:focus-visible .m-nudge{transform:translate(-2px,-2px) rotate(-7deg)}.hp-svc:hover .m-wave,.hp-svc:focus-visible .m-wave{transform:scaleX(1.22)}.hp-svc:hover .m-dot,.hp-svc:focus-visible .m-dot{animation:rg-ic-dot .7s var(--ease-out) both;animation-delay:calc((var(--n, 0) - 2) * 55ms)}.hp-svc:hover:before,.hp-svc:focus-visible:before{transform:none}.hp-svc:hover .hp-svc-name,.hp-svc:focus-visible .hp-svc-name{color:hsl(var(--accent-foreground));transform:translate(1.25rem)}.hp-svc:hover .hp-svc-blurb,.hp-svc:focus-visible .hp-svc-blurb{color:hsl(var(--accent-foreground) / .86)}.hp-svc:hover .hp-svc-go,.hp-svc:focus-visible .hp-svc-go{color:hsl(var(--accent));background:hsl(var(--accent-foreground));border-color:hsl(var(--accent-foreground));transform:translate(-1.25rem) rotate(-45deg)}.hp-svc:focus-visible{outline-offset:-2px;outline-color:hsl(var(--accent-foreground))}}.hp-services-all{margin-top:2rem}.hp-svc-preview{position:fixed;left:0;top:0;z-index:30;width:240px;aspect-ratio:4 / 3;pointer-events:none;overflow:hidden;opacity:0;transform-origin:0 100%;scale:.85;transition:opacity .35s var(--ease-out),scale .45s var(--ease-out);display:none}.hp-svc-preview.is-ready{display:block}.hp-svc-preview.is-on{opacity:1;scale:1}.hp-svc-preview img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s}.hp-svc-preview img.is-on{opacity:1}
