@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";
.drone-animation-container{z-index:0;--bg:#fff;--bg-2:#f7f6f1;--ink:#5b7e3c59;--ink-soft:#5b7e3c33;--accent:#5b7e3c80;--grid:#5b7e3c0a;--grid-major:#5b7e3c14;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.drone-animation-container .stage{background:radial-gradient(ellipse at center, var(--bg-2) 0%, var(--bg) 80%);position:absolute;inset:0;overflow:hidden}.drone-animation-container .grid-layer{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px);will-change:transform;background-size:40px 40px,40px 40px,200px 200px,200px 200px;animation:60s linear infinite gridDrift;position:absolute;inset:-10%}.drone-animation-container .grid-layer.hidden{display:none}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(-200px,-200px)}}.drone-animation-container .vignette{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(#0000 40%,#0000000f 100%);position:absolute;inset:0}.drone-animation-container .scenes{color:var(--ink);position:absolute;inset:0}.drone-animation-container .scene-wrap{opacity:0;transform-origin:50%;will-change:transform, opacity;position:absolute;inset:0}.drone-animation-container .scene{width:100%;height:100%;color:var(--ink);stroke:currentColor;fill:none}.drone-animation-container .ink{stroke:currentColor;fill:none}.drone-animation-container .ink rect,.drone-animation-container .ink line,.drone-animation-container .ink circle,.drone-animation-container .ink path,.drone-animation-container .ink polygon,.drone-animation-container .ink polyline{stroke:currentColor;fill:inherit;stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.drone-animation-container .anno{fill:var(--ink-soft);stroke:none}.drone-animation-container .anno text{fill:var(--ink-soft);stroke:none;letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px}.drone-animation-container .anno .title{letter-spacing:.18em;fill:var(--ink);font-size:13px}.drone-animation-container .anno .lbl{font-size:11px}.drone-animation-container .anno .sub{fill:var(--ink-soft);opacity:.7;font-size:10px}.drone-animation-container .anno .dim{letter-spacing:.08em;font-size:10px}.drone-animation-container .anno line,.drone-animation-container .anno path{stroke:var(--ink-soft);fill:none}.drone-animation-container .hud{pointer-events:none;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10.5px;position:absolute;inset:0}.drone-animation-container .hud.hidden{display:none}.drone-animation-container .hud .corner{padding:24px 28px;line-height:1.7;position:absolute}.drone-animation-container .hud .tl{top:0;left:0}.drone-animation-container .hud .tr{text-align:right;top:0;right:0}.drone-animation-container .hud .bl{bottom:0;left:0}.drone-animation-container .hud .br{text-align:right;bottom:0;right:0}.drone-animation-container .hud .accent{color:var(--accent)}.drone-animation-container .hud .dim{opacity:.55}.drone-animation-container .crosshair{opacity:.18;pointer-events:none;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drone-animation-container .crosshair svg{width:100%;height:100%;stroke:var(--ink);fill:none}.drone-animation-container .scanline{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff03 3px 4px);display:none;position:absolute;inset:0}.drone-animation-container .edge-mark{border:1px solid var(--ink-soft);opacity:.35;width:36px;height:36px;position:absolute}.drone-animation-container .edge-mark.tl{border-bottom:none;border-right:none;top:18px;left:18px}.drone-animation-container .edge-mark.tr{border-bottom:none;border-left:none;top:18px;right:18px}.drone-animation-container .edge-mark.bl{border-top:none;border-right:none;bottom:18px;left:18px}.drone-animation-container .edge-mark.br{border-top:none;border-left:none;bottom:18px;right:18px}@media (max-width:768px){.drone-animation-container .hud .corner{padding:16px 18px;font-size:9.5px}.drone-animation-container .crosshair{width:140px;height:140px}}