.atm{--loop:11s}.atm .atm-scene{position:absolute;inset:0;overflow:hidden}.atm-floor{opacity:.2;animation:atmFloor var(--loop) linear infinite;background-image:linear-gradient(28deg,#0000 47%,#bdd2b4 48% 49%,#0000 50%),linear-gradient(90deg,#0000 48%,#bdd2b4 49% 50%,#0000 51%);background-size:132px 122px;position:absolute;inset:-14%}@keyframes atmFloor{to{background-position:132px 122px}}.atm-board{animation:17s ease-in-out infinite alternate atmDrift;position:absolute;inset:0}@keyframes atmDrift{0%{transform:translateY(4px)scale(1)}to{transform:translateY(-6px)scale(1.015)}}.atm-plot{opacity:1;width:48%;height:23%;animation:atmPlot var(--loop) ease-in-out infinite;background:#bdd2b412;border:1.5px dashed #cfe0c6;position:absolute;bottom:25%;left:25%;transform:skewY(-10deg);box-shadow:inset 0 0 40px #bdd2b414}@keyframes atmPlot{0%{clip-path:inset(0 100% 0 0);opacity:0}3%{opacity:1}10%{clip-path:inset(0)}96%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}.atm-tower{width:var(--w);height:var(--h);bottom:33%;left:var(--x);transform-origin:bottom;opacity:1;animation:atmTower var(--loop) var(--d,0s) cubic-bezier(.2, .85, .25, 1) infinite both;background:linear-gradient(155deg,#a7bba6,#526b5e);position:absolute;transform:skewY(-10deg)scaleY(1);box-shadow:10px -6px #d4e3c154,16px 12px 15px #06130c66}@keyframes atmTower{0%,25%{opacity:0;transform:skewY(-10deg)scaleY(0)}38%{opacity:1;transform:skewY(-10deg)scaleY(1.05)}43%,96%{opacity:1;transform:skewY(-10deg)scaleY(1)}to{opacity:0;transform:skewY(-10deg)scaleY(1)}}.atm-road{transform-origin:0;height:3px;width:var(--rw);opacity:1;animation:atmRoad var(--loop) ease-out infinite;background:linear-gradient(90deg,#c7b78e,#e3d6ae);position:absolute;box-shadow:0 6px 14px #06130c59}.atm-road.r1{--rw:72%;bottom:31%;left:12%;transform:rotate(-10deg)}.atm-road.r2{height:2px;box-shadow:none;--rw:46%;background:0 0;border-top:2px dashed #8fd0b4;bottom:20%;left:30%;transform:rotate(-52deg)}@keyframes atmRoad{0%,50%{opacity:0;width:0}55%{opacity:1}62%{width:var(--rw)}96%{width:var(--rw);opacity:1}to{width:var(--rw);opacity:0}}.atm-poi{width:11px;height:11px;left:var(--x);bottom:var(--b);transform-origin:50%;border:2px solid var(--pc,#c1a680);opacity:1;animation:atmPoi var(--loop) var(--d,0s) cubic-bezier(.2, 1.3, .4, 1) infinite both;background:#f3f1e9;border-radius:2px;position:absolute;transform:skewY(-10deg)scale(1);box-shadow:0 6px 14px #06130c73}@keyframes atmPoi{0%,75%{opacity:0;transform:skewY(-10deg)scale(0)}82%{opacity:1;transform:skewY(-10deg)scale(1.3)}87%,96%{opacity:1;transform:skewY(-10deg)scale(1)}to{opacity:0;transform:skewY(-10deg)scale(1)}}.atm-sweep{z-index:3;pointer-events:none;opacity:0;width:42%;height:140%;animation:atmSweep var(--loop) ease-in-out infinite;background:linear-gradient(100deg,#0000,#e2ecd629 45%,#e2ecd647 50%,#0000);position:absolute;top:-20%;left:0;transform:translate(-130%)skew(-12deg)}@keyframes atmSweep{0%{opacity:0;transform:translate(-130%)skew(-12deg)}8%{opacity:1}34%{opacity:.8}48%,to{opacity:0;transform:translate(260%)skew(-12deg)}}.atm .atm-pin{z-index:4;top:40%;left:40%}.atm-cap{z-index:5;height:34px;position:absolute;bottom:58px;left:24px}.atm-cap-item{white-space:nowrap;color:#1b3327;font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:0;background:#f3f1e9f5;border-radius:30px;align-items:center;gap:10px;padding:8px 15px 8px 11px;display:inline-flex;position:absolute;bottom:0;left:0;transform:translateY(8px);box-shadow:0 10px 28px #0006}.atm-cap-item b{font:700 11px var(--serif);color:var(--gold);letter-spacing:0}.atm-cap-item.q1{animation:atmCap1 var(--loop) ease-in-out infinite}.atm-cap-item.q2{animation:atmCap2 var(--loop) ease-in-out infinite}.atm-cap-item.q3{animation:atmCap3 var(--loop) ease-in-out infinite}.atm-cap-item.q4{animation:atmCap4 var(--loop) ease-in-out infinite;opacity:1;transform:none}@keyframes atmCap1{0%{opacity:0;transform:translateY(8px)}2%{opacity:1;transform:none}23%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(-6px)}}@keyframes atmCap2{0%,24%{opacity:0;transform:translateY(8px)}27%{opacity:1;transform:none}48%{opacity:1;transform:none}51%,to{opacity:0;transform:translateY(-6px)}}@keyframes atmCap3{0%,49%{opacity:0;transform:translateY(8px)}52%{opacity:1;transform:none}73%{opacity:1;transform:none}76%,to{opacity:0;transform:translateY(-6px)}}@keyframes atmCap4{0%,74%{opacity:0;transform:translateY(8px)}77%{opacity:1;transform:none}98%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.atm-timeline{z-index:5;background:#e2ecd62e;border-radius:3px;height:3px;position:absolute;bottom:22px;left:24px;right:24px;overflow:hidden}.atm-prog{transform-origin:0;width:100%;height:100%;animation:atmProg var(--loop) linear infinite;background:linear-gradient(90deg,#c1a680,#e3d6ae);display:block;transform:scaleX(1)}@keyframes atmProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.atm-tick{background:#e2ecd680;width:1px;height:9px;position:absolute;top:-3px}.atm-tick.t1{left:25%}.atm-tick.t2{left:50%}.atm-tick.t3{left:75%}@media (max-width:980px){.atm-cap{bottom:52px}.atm .atlas-panel{margin:16px;position:static}}@media (prefers-reduced-motion:reduce){.atm-floor,.atm-board,.atm-plot,.atm-tower,.atm-road,.atm-poi,.atm-sweep,.atm-cap-item,.atm-prog{animation:none!important}.atm-sweep,.atm-cap-item.q1,.atm-cap-item.q2,.atm-cap-item.q3{display:none}.atm-cap-item.q4{opacity:1;transform:none}}