.doc--anims .doc__corps{width:var(--colonne)}.anims__ligne{max-width:var(--lecture);color:var(--encre);margin:.9rem 0 0;font-size:clamp(.95rem,2.2vw,1.08rem);line-height:1.55}@media (min-width:900px){.doc--anims{height:100svh;overflow:hidden}.doc--anims .doc__tete{padding-block:1rem}.doc--anims .doc__corps{flex-direction:column;min-height:0;padding:clamp(1rem,2.6vh,2rem) 0 clamp(.6rem,1.6vh,1.2rem);display:flex}.doc--anims .doc__texte{flex-direction:column;flex:1;min-height:0;margin-top:clamp(.8rem,2.4vh,1.8rem);display:flex}.doc--anims .anims__ligne{flex:none}.doc--anims .anneau{flex:1;min-height:0;container-type:size}.doc--anims .doc__pied{padding-block:clamp(.5rem,1.4vh,1rem)}}.anneau{--grand:min(40cqw, 80cqh);--petit:min(14cqw, 27cqh);--pile:min(34cqw, 62cqh);--demi-grand:calc(var(--grand) * .28125);--demi-pile:calc(var(--pile) * .28125);--courbe:cubic-bezier(.22, 1, .36, 1);width:100%;position:relative}.cart{width:var(--petit);aspect-ratio:16/9;z-index:1;transition:width .62s var(--courbe), transform .62s var(--courbe);position:absolute;top:50%;left:50%}.anneau--pile .cart{width:var(--pile);z-index:calc(20 - var(--rang));transform:translate(-50%, -50%) translate(calc((var(--rang) - 2) * .8cqw), calc((var(--rang) - 2) * 1.4cqh)) rotate(calc((var(--rang) - 2) * 1.6deg))}.anneau--ouvert .cart{transform:translate(-50%, -50%) translate(calc(var(--cx) * 1cqw), calc(var(--cy) * 1cqh))}.anneau--ouvert .cart--centre{width:var(--grand);z-index:30;transform:translate(-50%,-50%)}.cart__prise{border:1px solid var(--trait);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000;border-radius:4px;width:100%;height:100%;padding:0;transition:border-color .3s,box-shadow .3s,opacity .3s;display:block;overflow:hidden}.anneau--ouvert .cart[data-actif=non] .cart__prise{opacity:.62}.anneau--ouvert .cart[data-actif=non] .cart__prise:hover{opacity:1;border-color:#ffffff4d}.cart--centre .cart__prise{box-shadow:0 30px 80px #0009}.cart__prise:focus-visible{outline:2px solid var(--encre);outline-offset:3px}.cart__film{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.anneau__consigne,.anneau__nom{font-family:var(--font-mono), ui-monospace, monospace;text-transform:uppercase;white-space:nowrap;z-index:40;margin:0;position:absolute;left:50%;transform:translate(-50%)}.anneau__creux{width:var(--petit);aspect-ratio:16/9;border:1px dashed var(--trait);transform:translate(-50%, -50%) translate(calc(var(--cx) * 1cqw), calc(var(--cy) * 1cqh));pointer-events:none;border-radius:4px;position:absolute;top:50%;left:50%}.anneau__consigne{top:calc(50% + var(--demi-pile) + 1.5rem);letter-spacing:.18em;color:var(--encre-basse);pointer-events:none;font-size:.62rem;animation:3.4s ease-in-out infinite anneau-souffle}@keyframes anneau-souffle{0%,to{opacity:.4}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.anneau__consigne{opacity:.85;animation:none}.cart{transition:none}}.anneau__nom{top:calc(50% + var(--demi-grand) + 1.1rem);letter-spacing:.16em;color:var(--encre);align-items:center;gap:1rem;font-size:.66rem;display:flex}.anneau__voir{letter-spacing:.14em;color:var(--encre);border:1px solid var(--trait);border-radius:2px;padding:.35rem .85rem;font-size:.6rem;text-decoration:none;transition:border-color .2s}.anneau__voir:hover{border-color:#ffffff52}.anims__porte{align-items:center;gap:.9rem;display:flex}.anims__porte a{color:var(--encre);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--trait);text-decoration-color:var(--trait)}.anims__porte a:hover{text-decoration-color:currentColor}@media (max-width:899px){.anneau{grid-template-columns:repeat(4,1fr);gap:.5rem;padding-top:2.2rem;display:grid}.cart{transition:none;position:static;width:auto!important;transform:none!important}.cart--centre{order:-1;grid-column:1/-1}.anneau--ouvert .cart[data-actif=non] .cart__prise{opacity:.8}.anneau__consigne,.anneau__creux{display:none}.anneau__nom{white-space:normal;text-align:center;order:-2;grid-column:1/-1;justify-content:center;margin-bottom:.2rem;position:static;transform:none}}