#ai.ai-scroll{height:440svh;padding:0;width:100%;max-width:none;border-top:1px solid var(--line);overflow:clip;position:relative;--ai-accent:#d6ff71}.white #ai{--ai-accent:#7455e8}.ai-pin{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:var(--bg,#080c0d);isolation:isolate}.white .ai-pin{background:#fff}.dark .ai-pin{background:#080c0d}.ai-title-stage,.ai-copy-stage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:100px 5%}.ai-title-stage{will-change:transform,opacity}.ai-scroll .ai-title-stage h2{font-size:clamp(64px,10.8vw,180px);line-height:.94;letter-spacing:-.075em;max-width:none;margin:38px 0}.ai-scroll .ai-title-stage h2 .ai-em{white-space:nowrap}.ai-touch-stage{position:absolute;inset:0;opacity:0;pointer-events:none}.ai-hand{position:absolute;top:8%;height:84%;width:50%;background-image:url('realistic/human-ai-touch.png');background-repeat:no-repeat;background-size:200% 100%;will-change:transform;filter:drop-shadow(0 15px 35px #0003)}.ai-hand-human{left:0;background-position:left center}.ai-hand-robot{right:0;background-position:right center}.ai-contact-light{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--ai-accent);box-shadow:0 0 25px 8px var(--ai-accent);transform:translate(-50%,-50%);opacity:0}.ai-touch-label{position:absolute;bottom:20%;left:0;right:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:3px;color:var(--muted)}.ai-copy-stage{opacity:0;transform:translateY(45px);pointer-events:none}.ai-copy-stage .ai-kicker{color:var(--ai-accent);margin-bottom:46px}.ai-scroll .ai-body{gap:8vw;max-width:1350px;width:100%;margin:auto 0}.ai-scroll .ai-body>p{font-size:clamp(21px,2.5vw,36px);line-height:1.4;letter-spacing:-.025em}.ai-scroll .ai-body strong{font-weight:700}.ai-scroll .ai-details strong{font-size:18px}.ai-scroll .ai-details span{font-size:15px}.ai-scroll .ai-details div{padding:24px 0}.ai-scroll-footer{position:absolute;bottom:34px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.ai-progress{position:absolute;top:26px;left:0;width:100%;height:1px;background:var(--line)}.ai-progress i{display:block;height:1px;background:var(--ai-accent);width:100%;transform:scaleX(var(--ai-p,0));transform-origin:left}
@media(max-width:700px){#ai.ai-scroll{height:400svh}.ai-pin{min-height:640px}.ai-scroll .ai-title-stage h2{font-size:clamp(54px,11vw,85px)}.ai-title-stage,.ai-copy-stage{padding:95px 6%}.ai-hand{top:27%;height:46%}.ai-touch-label{bottom:25%;font-size:8px;letter-spacing:1.5px}.ai-scroll .ai-body{display:block}.ai-scroll .ai-body>p{font-size:20px;margin-bottom:25px}.ai-scroll .ai-details div{padding:12px 0}.ai-scroll .ai-details strong{font-size:14px}.ai-scroll .ai-details span{font-size:12px}.ai-copy-stage .ai-kicker{font-size:9px;line-height:1.5;margin-bottom:24px}.ai-scroll-footer{font-size:8px;letter-spacing:.5px;bottom:30px}}
@media(prefers-reduced-motion:reduce){#ai.ai-scroll{height:auto}.ai-pin{height:auto;min-height:0;padding:90px 0}.ai-title-stage,.ai-copy-stage{position:relative!important;inset:auto;opacity:1!important;transform:none!important;padding:25px 6%}.ai-touch-stage{position:relative;height:45vw;min-height:200px;opacity:1!important}.ai-hand{transform:none!important;top:0;height:100%}.ai-touch-label,.ai-scroll-footer,.ai-contact-light{display:none}.ai-copy-stage{pointer-events:auto}}

.ai-hand{background-image:none;overflow:hidden;filter:none}.ai-hand img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:fill}.ai-hand-human img{left:0}.ai-hand-robot img{right:0}
.ai-contact-light{top:45.2%}@media(max-width:700px){.ai-contact-light{top:47.4%}}
/* Preserve the original 3:2 artwork instead of stretching it to the viewport. */
#ai .ai-hand{top:0;height:100%;width:50%}
#ai .ai-hand img{top:50%;width:200%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:translateY(-50%)}
#ai .ai-contact-light{top:calc(50% - 3.8vw)}