/* Two-minute flight scene. Only the separated drone moves toward the viewer. */
.hds-logo-feature.hds-logo-animation{flex-direction:column;gap:18px;overflow:hidden;isolation:isolate;padding-top:44px;padding-bottom:30px}
.hds-logo-animation .hds-logo-stage{position:relative;width:min(86vw,420px);max-width:100%;aspect-ratio:1;isolation:isolate;overflow:visible;perspective:900px}
.hds-logo-animation .hds-logo-stage a{display:block;position:relative;z-index:1;width:100%;height:100%;border-radius:50%}
.hds-logo-animation .hds-logo-stage img.hds-logo-base,.hds-logo-animation.is-active .hds-logo-stage img.hds-logo-base,.hds-logo-animation.is-paused .hds-logo-stage img.hds-logo-base{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;filter:grayscale(.72) saturate(.42) brightness(1.045);transform:none;animation:none}
.hds-logo-animation .hds-logo-stage::before{content:"";position:absolute;inset:-1.2%;z-index:0;pointer-events:none;border-radius:50%;background:none;filter:none;mask:none;-webkit-mask:none;border:1.3px solid rgba(246,250,255,.66);box-shadow:0 0 18px 4px rgba(241,247,255,.25),0 0 42px 9px rgba(241,247,255,.10);opacity:var(--hds-rim-opacity,.22);transform:scale(var(--hds-rim-scale,1));animation:none}
.hds-logo-animation .hds-logo-stage::after{content:none}
.hds-logo-animation.is-active .hds-logo-stage::before{animation:none;transform:scale(var(--hds-rim-scale,1))}
.hds-logo-animation.is-active .hds-logo-stage::after{animation:none}
.hds-logo-animation .hds-logo-scene,.hds-logo-animation .hds-logo-drone-cover{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:50%;pointer-events:none}
.hds-logo-animation .hds-logo-drone-cover{z-index:2;opacity:var(--hds-flight-opacity,0)}
.hds-logo-animation .hds-logo-scene{z-index:3}
.hds-logo-animation .hds-logo-drone-depth{position:absolute;left:29%;top:29.5%;width:42%;height:11%;z-index:3;pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.5),rgba(0,0,0,0) 72%);filter:blur(6px);opacity:var(--hds-depth-opacity,0);transform:translateY(var(--hds-depth-offset,0px)) scale(var(--hds-depth-scale,1))}
.hds-logo-animation .hds-logo-drone-flight{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;transform-origin:50% 32.8%;transform-style:preserve-3d;opacity:var(--hds-flight-opacity,0);will-change:transform}
.hds-logo-animation .hds-logo-drone-flight canvas{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;border-radius:0}
.hds-logo-animation .hds-logo-drone-flight .hds-logo-drone-texture{filter:drop-shadow(0 8px 7px rgba(0,0,0,.45)) drop-shadow(0 0 3px rgba(240,248,255,.12))}
.hds-logo-animation .hds-logo-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:34px;position:relative;z-index:5}
.hds-logo-animation .hds-logo-controls button{font:inherit;font-size:12px;letter-spacing:.045em;color:#d5dce0;background:#101619;border:1px solid #3c4b53;border-radius:99px;padding:8px 13px;line-height:1.2;cursor:pointer}
.hds-logo-animation .hds-logo-controls button:hover{color:#fff;border-color:#c6d5de;background:#172126}
.hds-logo-animation .hds-logo-controls button:focus-visible{outline:2px solid #e3edf4;outline-offset:4px}
.hds-logo-animation .hds-logo-controls[hidden]{display:none}
.hds-logo-animation .hds-logo-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.hds-logo-feature.hds-logo-animation{padding:38px 16px 24px;gap:15px}.hds-logo-animation .hds-logo-stage{width:min(80vw,420px)}}
@media(prefers-reduced-motion:reduce){.hds-logo-animation .hds-logo-drone-flight{will-change:auto}}