.hands-story{position:relative;margin-top:clamp(40px,8vh,120px);height:210svh;background:#fff;--story-progress:0}
.hands-stage{position:sticky;top:0;height:100svh;min-height:440px;isolation:isolate;overflow:hidden;display:grid;place-items:center}
.hands-aura{position:absolute;z-index:0;left:50%;top:47%;width:clamp(260px,42vw,700px);max-width:86vw;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;filter:blur(7px);opacity:.82}
.hands-aura>span{position:absolute;inset:0;animation:hands-aura-breathe 14s ease-in-out infinite;will-change:transform}
.hands-aura i{position:absolute;inset:0;display:block;border-radius:50%;background:conic-gradient(from 25deg,transparent 0deg,#b1dff6 35deg,#bfc6f0 70deg,transparent 105deg,#eadacb 147deg,transparent 183deg,#b6e6ee 225deg,#d4c6ed 260deg,transparent 297deg,#d6eaf6 335deg,transparent 360deg);mask-image:radial-gradient(ellipse at center,transparent 50%,#0009 58%,#000 62%,#0006 66%,transparent 73%);animation:hands-aura-orbit 32s linear infinite,hands-aura-wave 13s ease-in-out infinite;will-change:transform}
.hands-aura i:nth-child(2){inset:5%;opacity:.5;filter:blur(6px);animation-duration:44s,17s;animation-direction:reverse,reverse;animation-delay:0s,-2s;background:conic-gradient(from 110deg,transparent,#d3d4f3 55deg,transparent 105deg,#b5e2f4 190deg,transparent 250deg,#eee1d6 310deg,transparent)}
@keyframes hands-aura-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes hands-aura-breathe{0%,100%{transform:scale(1,.99) rotate(-2deg)}50%{transform:scale(.99,1.01) rotate(2deg)}}
@keyframes hands-aura-wave{0%,100%{border-radius:49% 51% 52% 48% / 51% 49% 51% 49%;scale:1 .99}50%{border-radius:51% 49% 48% 52% / 49% 51% 49% 51%;scale:.99 1.01}}
@media(prefers-reduced-motion:reduce){.hands-aura>span,.hands-aura i{animation:none;will-change:auto}}
.hands-heading{position:absolute;inset:0;z-index:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 5% 6vh;pointer-events:none}
.hands-heading .eyebrow{margin-bottom:26px}
.hands-heading h2{font-family:Manrope,'DM Sans',sans-serif;font-weight:400;font-size:clamp(36px,5.2vw,100px);line-height:1.12;letter-spacing:-.055em;margin:0}
.hands-line{display:block;overflow:hidden;padding:.08em .1em}
.hands-line>span{display:block;transform:translateY(var(--line-y,0));opacity:var(--line-alpha,1);will-change:transform,opacity}
.hands-line:last-child{color:#a2acb2}
.hands-video{position:absolute;z-index:2;left:0;top:50%;width:100%;height:auto;aspect-ratio:3840/1646;transform:translateY(-50%);pointer-events:none;object-fit:contain}
.hands-caption{position:absolute;z-index:3;left:6%;bottom:8%;width:min(280px,35%);font-size:clamp(13px,1vw,18px);line-height:1.7;color:#7c858a}
.hands-caption p{margin:10px 0 0}
.hands-stage .hands-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#94a0a7}
.hands-scroll-cue{position:absolute;z-index:3;bottom:8%;right:6%;display:flex;align-items:center;gap:16px;color:#8a969d;font-size:12px}
.hands-scroll-cue i{display:block;width:1px;height:48px;background:#e5ebee;position:relative;overflow:hidden}
.hands-scroll-cue i:after{content:'';position:absolute;inset:0;background:var(--blue);transform:scaleY(var(--story-progress));transform-origin:top}
.hands-after{text-align:center;padding:80px 24px 110px;border-top:1px solid #f0f3f5}
.hands-after p{font-size:clamp(24px,3vw,44px);font-weight:300;letter-spacing:-1px;margin:0 0 20px}
.hands-after a{display:inline-block;padding:14px 24px;border:1px solid #d9eaf3;border-radius:28px;font-size:14px;color:#288dbd}
.hands-after a:hover{background:#f1faff}
@media(max-width:600px){.hands-story{height:190svh;margin-top:65px}.hands-stage{min-height:480px}.hands-heading h2{font-size:clamp(30px,7.8vw,46px)}.hands-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.hands-video{width:140%;left:-20%}.hands-caption{bottom:11%;width:60%;font-size:13px}.hands-scroll-cue{bottom:11%;right:6%;font-size:10px}.hands-scroll-cue span{display:none}.hands-after{padding:65px 20px 80px}}
@media(prefers-reduced-motion:reduce){.hands-story{height:auto}.hands-stage{height:80svh;position:relative}.hands-line>span{transform:none!important;opacity:1!important}.hands-scroll-cue{display:none}}