.adrop{--A:clamp(260px, 38vh, 420px);--H:calc(var(--A) * 1.1);--hang:calc(var(--A) * .12);--hw:calc(var(--A) * 1.3);width:100vw;height:var(--H);margin:0 0 var(--s3,40px) calc(50% - 50vw);position:relative;overflow:clip visible}.adrop-alf{height:var(--A);width:calc(var(--A) * 390 / 644);margin-left:calc(var(--A) * -195 / 644);position:absolute;bottom:4%;left:50%}.adrop-sway,.adrop-squash{width:100%;height:100%}.adrop-sway{transform-origin:50% 2%}.adrop-squash{transform-origin:50% 100%;justify-content:center;display:flex}.adrop-squash img{flex:none;width:auto;max-width:none;height:100%;display:block}.adrop-shadow{width:calc(var(--A) * .5);height:22px;margin-left:calc(var(--A) * -.25);background:radial-gradient(closest-side,#1a1a1a38,#1a1a1a00);border-radius:50%;position:absolute;bottom:calc(4% - 10px);left:50%}.adrop-hand{width:calc(var(--hw) * 640 / 977);height:calc(var(--hw) * 480 / 977);left:calc(50% - var(--hw) * 397 / 977);bottom:calc(4% + var(--A) * .98 - var(--hw) * (480 - 424.5) / 977);pointer-events:none;z-index:5;display:none;position:absolute}.adrop-hand img{transform-origin:62.03% 88.44%;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-12deg);-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000 98%);mask-image:linear-gradient(90deg,#000 72%,#0000 98%)}.adrop-open,.adrop.armed:not(.go) .adrop-alf,.adrop.armed:not(.go) .adrop-shadow{opacity:0}.adrop.go .adrop-hand{display:block}.adrop.go .adrop-alf{animation:.95s cubic-bezier(.2,.75,.25,1) both adrop-down,.38s cubic-bezier(.55,0,1,.5) 1.55s forwards adrop-fall}.adrop.go .adrop-sway{animation:1.2s ease-in-out .55s forwards adrop-sway}.adrop.go .adrop-squash{animation:.5s cubic-bezier(.3,1.6,.5,1) 1.93s forwards adrop-squash}.adrop.go .adrop-shadow{animation:1.93s ease-in both adrop-shadow}.adrop.go .adrop-hand{animation:.95s cubic-bezier(.2,.75,.25,1) both adrop-down,.9s cubic-bezier(.4,0,.6,1) 1.7s forwards adrop-away}.adrop.go .adrop-pinch{animation:.12s linear 1.5s forwards adrop-out}.adrop.go .adrop-open{animation:.12s linear 1.5s forwards adrop-in}@keyframes adrop-down{0%{transform:translateY(calc(-1 * var(--H) - var(--hang)))}to{transform:translateY(calc(-1 * var(--hang)))}}@keyframes adrop-fall{0%{transform:translateY(calc(-1 * var(--hang)))}to{transform:translateY(0)}}@keyframes adrop-sway{0%{transform:rotate(0)}30%{transform:rotate(6deg)}62%{transform:rotate(-3.5deg)}85%{transform:rotate(1.2deg)}to{transform:rotate(0)}}@keyframes adrop-squash{0%{transform:scale(1.08,.88)}to{transform:scale(1)}}@keyframes adrop-shadow{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes adrop-away{0%{transform:translate(0, calc(-1 * var(--hang)));opacity:1}to{transform:translate(85%, calc(-1 * var(--H) - var(--hang)));opacity:1}}@keyframes adrop-out{to{opacity:0}}@keyframes adrop-in{to{opacity:1}}@media (max-width:620px){.adrop{--A:clamp(220px, 36vh, 320px)}}.adrop-hide .eyebrow,.adrop-hide .sec-h{opacity:0!important;transition:none!important;transform:translateY(14px)!important}.adrop-show .eyebrow,.adrop-show .sec-h{transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)!important}.adrop-show .sec-h{transition-delay:.15s!important}
