/* Les décors gardent leur forme ; une seule séquence accompagne l’arrivée du contenu. */
.tp-slide[data-theme-motion]{overflow:hidden}
.tp-slide[data-theme-motion] .tp-rule{transform-origin:left center}
.tp-slide[data-theme-motion] .tp-bars i{transform-origin:center bottom}
.tm-playing.decor-aurora::after{animation:tm-halo 1800ms ease-out backwards}
.tm-playing.decor-tabs::after{animation:tm-tab 450ms ease-out backwards}
.tm-playing.decor-blueprint::after,.tm-playing.decor-atlas::after{animation:tm-draw 900ms ease-out backwards}
.tm-playing.decor-bauhaus::after{animation:tm-place 600ms ease-out backwards}
.tm-playing.decor-riso::after{animation:tm-print 650ms ease-out backwards}
.tm-playing.decor-zen::after{animation:tm-ink 900ms ease-out backwards}
.tm-playing.decor-news::after{animation:tm-banner 350ms ease-out backwards}
.tm-playing.decor-poster::after{animation:tm-ribbon 450ms ease-out backwards}
.tm-playing.decor-sketch::before{animation:tm-page 600ms ease-out backwards;transform-origin:left center}
.tm-playing.decor-dial::before{animation:tm-dial 900ms cubic-bezier(.2,.75,.25,1) backwards}
.tm-playing.decor-dial::after{animation:tm-rings 700ms ease-out backwards}
.tm-playing.decor-beton::after{animation:tm-build 1500ms steps(3,end) backwards}
.tm-playing.decor-collage::after{animation:tm-stamp 300ms 350ms ease-out backwards}
.tm-playing.decor-atomic .tp-visual::before{animation:tm-draw 900ms ease-out backwards}
.tm-playing.decor-atomic .tp-visual::after{animation:tm-orbit 1200ms ease-out backwards}
.tm-playing[data-theme-motion=terracotta]::before,.tm-playing[data-theme-motion=foret]::before{animation:tm-banner 600ms ease-out backwards}
.tm-playing[data-theme-motion=bordeaux]::before{animation:tm-curtain 600ms ease-out backwards}
[data-theme-motion=nuit]::after{content:'';position:absolute;right:8cqw;top:4cqw;width:10cqw;height:10cqw;border:1px solid var(--t-muted);border-radius:50%;border-top:.5cqw solid var(--t-accent);pointer-events:none;opacity:.5}
.tm-playing[data-theme-motion=nuit]::after{animation:tm-night-orbit 1100ms ease-out backwards}
@keyframes tm-night-orbit{from{rotate:-100deg;opacity:0}to{rotate:0deg;opacity:.5}}
.tm-playing[data-theme-motion=encre] .tp-rule{animation:tm-draw 450ms 300ms ease-out backwards}
.tm-playing .estampe-waves{animation:tm-ink 700ms ease-out backwards}
.tm-paused::before,.tm-paused::after,.tm-paused *::before,.tm-paused *::after,.tm-paused *{animation-play-state:paused!important}
@keyframes tm-halo{from{translate:-6% 3%;opacity:0}to{translate:0 0;opacity:.5}}
@keyframes tm-tab{from{translate:5cqw 0}to{translate:0 0}}
@keyframes tm-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}
@keyframes tm-place{from{translate:4cqw -4cqw;scale:.6}to{translate:0 0;scale:1}}
@keyframes tm-print{from{translate:-1cqw .5cqw;opacity:0}to{translate:0 0;opacity:.55}}
@keyframes tm-ink{from{opacity:0}}
@keyframes tm-banner{from{translate:-100% 0}to{translate:0 0}}
@keyframes tm-ribbon{from{translate:-5cqw -3cqw;opacity:0}to{translate:0 0;opacity:1}}
@keyframes tm-page{from{rotate:y -16deg;opacity:0}to{rotate:y 0deg;opacity:1}}
@keyframes tm-dial{from{rotate:-80deg;opacity:0}to{rotate:0deg;opacity:1}}
@keyframes tm-rings{from{scale:.7;opacity:0}to{scale:1;opacity:.7}}
@keyframes tm-build{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0% 0 0 0)}}
@keyframes tm-stamp{from{scale:1.4;opacity:0}to{scale:1;opacity:1}}
@keyframes tm-orbit{from{translate:-3cqw 2cqw;opacity:0}to{translate:0 0;opacity:1}}
@keyframes tm-curtain{from{clip-path:inset(0 50%)}to{clip-path:inset(0 0%)}}
@media(prefers-reduced-motion:reduce){.tm-playing,.tm-playing *,.tm-playing::before,.tm-playing::after,.tm-playing *::before,.tm-playing *::after{animation:none!important}}
@media print{.tm-playing,.tm-playing *,.tm-playing::before,.tm-playing::after,.tm-playing *::before,.tm-playing *::after{animation:none!important}}
