.spider-scene{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:visible}.spider-rig{will-change:transform;width:42px;height:42px;margin:-21px 0 0 -21px;animation:7s both spider-journey;position:absolute;top:0;left:0;transform:translate(108vw,4vh)}@keyframes spider-journey{0%{animation-timing-function:ease-in-out;transform:translate(108vw,4vh)scale(1)}8%{transform:translate(94vw,3.3vh)scale(1)}16%{transform:translate(80vw,4.3vh)scale(1)}24%{transform:translate(66vw,3.3vh)scale(1)}32%{transform:translate(54vw,4.1vh)scale(1)}35%{animation-timing-function:ease-in-out;transform:translate(50vw,3.8vh)rotate(0)scale(1.05)}40%{animation-timing-function:cubic-bezier(.6,0,.85,.35);transform:translate(50vw,4.6vh)rotate(0)scale(.94)}48%{animation-timing-function:ease-in-out;transform:translate(50vw,40vh)rotate(3deg)scale(1)}53%{transform:translate(49.2vw,40vh)rotate(-5deg)scale(1)}58%{animation-timing-function:ease-in-out;transform:translate(50.8vw,40vh)rotate(5deg)scale(1)}62%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translate(50vw,39.4vh)rotate(0)scale(1.05)}70%{animation-timing-function:ease-out;transform:translate(68vw,22vh)rotate(16deg)scale(1)}80%{animation-timing-function:ease-in-out;transform:translate(87vw,27vh)rotate(-4deg)scale(.96)}87%{animation-timing-function:ease-out;transform:translate(87.6vw,26.5vh)rotate(2deg)scale(1.04)}to{transform:translate(87vw,27vh)rotate(0)scale(1)}}.spider-legs-a,.spider-legs-b{transform-box:fill-box;transform-origin:0%}.spider-legs-a{animation:.3s steps(2,end) 9 both spider-gait-a}.spider-legs-b{animation:.3s steps(2,end) .15s 9 both spider-gait-b}@keyframes spider-gait-a{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes spider-gait-b{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}.spider-thread{transform-origin:top;opacity:0;background:linear-gradient(#ffffffa6,#ffffff26);width:1.5px;height:36vh;animation:7s both spider-thread-life;position:absolute;top:0;left:50vw;transform:translate(-50%)scaleY(0)}@keyframes spider-thread-life{0%,39%{opacity:0;transform:translate(-50%)scaleY(0)}40%{opacity:1;animation-timing-function:ease-out;transform:translate(-50%)scaleY(0)}48%{opacity:1;transform:translate(-50%)scaleY(1)}58%{opacity:1;transform:translate(-50%)scaleY(1)}64%,to{opacity:0;animation-timing-function:ease-in;transform:translate(-50%)scaleY(.15)}}.spider-web{width:116px;height:116px;position:absolute;top:18vh;left:81vw;overflow:visible}.spider-web path{fill:none;stroke:#b4e2db6b;stroke-width:1px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:.9s ease-out forwards spider-web-draw}.spider-web .web-spokes path{animation-delay:5.55s}.spider-web .web-ring-1{animation-delay:5.95s}.spider-web .web-ring-2{animation-delay:6.25s}.spider-web .web-ring-3{animation-delay:6.55s}@keyframes spider-web-draw{to{stroke-dashoffset:0}}.spider-caption{width:18rem;position:absolute;top:20vh;right:22vw}.spider-caption span{color:#e8b04bd9;font-style:normal}.spider-caption-line{clip-path:inset(0 100% 0 0);width:max-content;max-width:100%;margin:0 0 0 auto;animation-name:spider-caption-type;animation-iteration-count:1;animation-fill-mode:forwards}.spider-caption-line1{color:#c4e8e2cc;font-size:.8125rem;font-style:italic;animation-duration:1.4s;animation-timing-function:steps(29,end);animation-delay:2.8s}.spider-caption-line2{letter-spacing:.05em;text-transform:uppercase;color:#c4e8e2cc;margin-top:.3rem;font-size:.6875rem;font-weight:600;animation-duration:1.3s;animation-timing-function:steps(30,end);animation-delay:4.3s}@keyframes spider-caption-type{to{clip-path:inset(0)}}