.movement-card>.literary-air{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s;overflow:hidden}
.movement-card:hover>.literary-air,.movement-card:focus-visible>.literary-air{opacity:.65}
.literary-air i{position:absolute;left:var(--x);top:-12%;width:var(--s);height:var(--s);background:var(--air-color);border-radius:50%;opacity:0;animation:airFall var(--duration) var(--delay) linear infinite;animation-play-state:paused}
.air-visible:hover>.literary-air i,.air-visible:focus-visible>.literary-air i,.movement-atmosphere.air-visible>.literary-air i{animation-play-state:running}
[data-atmosphere="leaves"]>.literary-air i{width:10px;height:5px;border-radius:1px 90%;background:#c7ab72}
[data-atmosphere="snow"]>.literary-air i{background:#edf4f7;box-shadow:0 0 4px #ffffff50}
[data-atmosphere="mist"]>.literary-air i{width:180px;height:50px;top:var(--x);left:-20%;border-radius:50%;background:radial-gradient(ellipse,#c5d6e640,transparent 70%);animation-name:airMist}
[data-atmosphere="glow"]>.literary-air i,[data-atmosphere="ink"]>.literary-air i{animation-name:airRise;box-shadow:0 0 12px var(--air-color)}
[data-atmosphere="sea"]>.literary-air i{width:220px;height:50px;top:var(--x);left:-20%;border-radius:50%;background:transparent;border-bottom:1px solid #b8dedd60;animation-name:airMist}
.movement-atmosphere{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;margin:0 0 28px;border:1px solid #bca985;border-radius:12px;background:#29241e;color:#fff3df}
.movement-atmosphere[hidden]{display:none}
.movement-atmosphere:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#201b17ed,#201b17b5),var(--movement-art);background-size:cover,var(--movement-size,cover);background-position:center,var(--movement-position,center)}
.movement-atmosphere>.literary-air{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.55}
.movement-atmosphere small{font-size:9px;letter-spacing:.16em;color:#e4c993}
.movement-atmosphere h3{font:500 clamp(23px,3vw,32px)/1.2 'Playfair Display',serif;margin:8px 0;color:#fff3df}
.movement-atmosphere p{margin:0;font-size:12px;color:#e9dcc8}
.movement-atmosphere button{flex:none;border:1px solid #c9ad7d;background:#211b17;color:#fff3df;border-radius:6px;padding:10px 14px;font:12px 'DM Sans',sans-serif;cursor:pointer}
.movement-atmosphere button:focus-visible{outline:2px solid #f1cf92;outline-offset:4px}
.atmosphere-paused .literary-air i,.atmosphere-background .literary-air i{animation-play-state:paused!important}
@keyframes airFall{0%{transform:translate3d(0,-10px,0) rotate(0);opacity:0}15%{opacity:.65}85%{opacity:.4}100%{transform:translate3d(35px,330px,0) rotate(140deg);opacity:0}}
@keyframes airRise{0%{transform:translate3d(0,250px,0);opacity:0}25%,65%{opacity:.55}100%{transform:translate3d(-25px,10px,0);opacity:0}}
@keyframes airMist{0%{transform:translate3d(0,0,0);opacity:0}30%,65%{opacity:.6}100%{transform:translate3d(500px,20px,0);opacity:0}}
@media(max-width:560px){.movement-atmosphere{padding:20px;align-items:flex-start;flex-direction:column;gap:15px}.movement-atmosphere button{min-height:44px}.literary-air i:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.literary-air i{animation:none!important}.movement-card,.movement-card:before{transition:none!important}.movement-card:hover,.movement-card:focus-visible{transform:none}}