/* Signature Racont’Art : des mots vivants en orbite autour du logo. */
body .living-logo-orbit{--orbit-color:#086b72;--orbit-bg:#fffdf7;--logo-x:5%;--logo-y:-4%;position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,570px);aspect-ratio:1;min-height:0;margin-inline:auto;overflow:visible;border-radius:50%;background:radial-gradient(circle at 56% 45%,rgba(255,255,255,.72) 0 45%,rgba(255,255,255,.18) 46% 63%,transparent 64%);box-shadow:none}
body .living-logo-orbit::before,body .living-logo-orbit::after{content:"";position:absolute;z-index:-1;width:auto;height:auto;aspect-ratio:auto;border:1px solid color-mix(in srgb,var(--orbit-color) 34%,transparent);background:transparent;opacity:1;clip-path:none}
body .living-logo-orbit::before{inset:2% 8% 13% 1%;border-radius:48% 52% 46% 54%}
body .living-logo-orbit::after{inset:18% 5% 7% 21%;border-radius:53% 47% 56% 44%;border-style:dashed;animation:orbit-halo-turn 36s linear infinite}
body .living-logo-orbit>img{position:relative;z-index:2;width:61%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:drop-shadow(0 24px 30px rgba(18,63,62,.24));animation:logo-breathe 5.5s ease-in-out infinite}
.living-logo-orbit .orbit-runner{position:absolute;z-index:4;border-radius:50%;animation:orbit-word-turn var(--speed) linear infinite;animation-delay:var(--delay)}
.living-logo-orbit .orbit-runner span{position:absolute;top:0;left:50%;display:block;padding:9px 16px;white-space:nowrap;color:var(--orbit-color);background:var(--orbit-bg);border:1px solid color-mix(in srgb,var(--orbit-color) 12%,transparent);border-radius:999px;box-shadow:0 10px 28px rgba(21,63,62,.14);font-size:.78rem;font-weight:700;letter-spacing:.09em;line-height:1.3;text-transform:uppercase;animation:orbit-word-counter var(--speed) linear infinite;animation-delay:var(--delay)}
.living-logo-orbit .orbit-runner:nth-of-type(1){--speed:27s;inset:1% 6% 15% 0}
.living-logo-orbit .orbit-runner:nth-of-type(2){--speed:21s;inset:15% 1% 5% 19%}
.living-logo-orbit .orbit-runner:nth-of-type(3){--speed:32s;inset:7% 18% 1% 4%}
.living-logo-orbit .orbit-runner:nth-of-type(4){--speed:37s;inset:21% 9% 13% 2%;animation-direction:reverse}
.living-logo-orbit .orbit-runner:nth-of-type(4) span{animation-direction:reverse}
.home-orbit{--orbit-color:#086b72;--orbit-bg:#fffdf7;--logo-x:5%;--logo-y:-4%}
.theatre-orbit{--orbit-color:#ffba57;--orbit-bg:#46152f;--logo-x:-6%;--logo-y:2%;background:radial-gradient(circle at 44% 53%,rgba(255,217,156,.15) 0 45%,rgba(255,186,87,.06) 46% 63%,transparent 64%)}
.theatre-orbit .orbit-runner span{color:#4b1838;background:#ffcf82;border-color:transparent}.theatre-orbit>img{width:58%}
.formations-orbit{--orbit-color:#0c6063;--orbit-bg:#fff9e9;--logo-x:4%;--logo-y:3%}
.meditation-orbit{--orbit-color:#f1c05c;--orbit-bg:#073f49;--logo-x:-4%;--logo-y:-4%;background:radial-gradient(circle at 45% 46%,rgba(241,192,92,.12) 0 45%,rgba(79,174,173,.08) 46% 63%,transparent 64%)}
.meditation-orbit .orbit-runner span{color:#073f49;background:#f5d27f;border-color:transparent}
.projects-orbit{--orbit-color:#315543;--orbit-bg:#fff8e7;--logo-x:6%;--logo-y:2%}
@keyframes orbit-word-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes orbit-word-counter{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes orbit-halo-turn{to{transform:rotate(-360deg)}}
@keyframes logo-breathe{0%,100%{transform:translate(var(--logo-x),var(--logo-y)) scale(1)}50%{transform:translate(var(--logo-x),var(--logo-y)) scale(1.025)}}
.living-logo-orbit:hover .orbit-runner,.living-logo-orbit:hover .orbit-runner span,.living-logo-orbit:hover::after{animation-play-state:paused}
@media(max-width:900px){body .living-logo-orbit{width:min(500px,86vw)}}
@media(max-width:560px){body .living-logo-orbit{width:min(380px,88vw)}.living-logo-orbit .orbit-runner span{padding:7px 11px;font-size:.66rem;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.living-logo-orbit .orbit-runner,.living-logo-orbit .orbit-runner span,.living-logo-orbit::after,.living-logo-orbit>img{animation-play-state:paused}}
