/* Additive motion, original theme and layout preserved. */
.atelier-animated :is(.section-head,.model-card,.feature-tile,.testimonial,.price-card,.closing,.ws-start,.ws-library,.ws-recent,.ws-panel){transition:opacity .55s ease,translate .55s ease,transform .25s ease;transition-delay:var(--reveal-delay,0ms)}
.atelier-animated .await-reveal{opacity:0;translate:0 18px}
.atelier-animated :is(.model-card,.tool-card,.ws-card){transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.atelier-animated .btn .icon,.atelier-animated .text-link .icon{transition:transform .25s ease}.atelier-animated .btn:hover .icon,.atelier-animated .text-link:hover .icon{transform:translate(2px,-2px)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
#motion-toggle{font-size:16px}
@media(max-width:1000px) and (min-width:761px){.main-nav a{padding-left:9px;padding-right:9px}}
@media(max-width:760px){.mobile-nav a{padding-left:10px;padding-right:10px}.nav-actions{gap:3px}}
@media(hover:none),(pointer:coarse){.atelier-animated :is(.model-card,.tool-card,.ws-card){transform:none}}
@media(prefers-reduced-motion:reduce){.await-reveal{opacity:1!important;translate:none!important}}
:root[data-motion=off] .await-reveal{opacity:1!important;translate:none!important}

/* Brighter original hero motion; no replacement of its composition. */
.atelier-animated .hero-art{isolation:isolate}
.atelier-animated .hero-art:before{content:'';position:absolute;inset:-15px;pointer-events:none;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at var(--light-x,60%) var(--light-y,40%),rgba(151,183,130,.26),transparent 66%);animation:galaxy-glow 6s ease-in-out infinite}
.atelier-animated .hero-art:after{content:'';position:absolute;inset:8%;pointer-events:none;background:radial-gradient(circle at 8% 20%,#9aaf80 0 2px,transparent 3px),radial-gradient(circle at 82% 24%,#c3bd99 0 2px,transparent 3px),radial-gradient(circle at 30% 87%,#9aaf80 0 1px,transparent 2px),radial-gradient(circle at 90% 70%,#9aaf80 0 1.5px,transparent 2.5px),radial-gradient(circle at 45% 8%,#c3bd99 0 1px,transparent 2px);animation:galaxy-drift 9s ease-in-out infinite}
.atelier-animated .hero-art .orb{animation:galaxy-orb 7s ease-in-out infinite}
.atelier-animated .hero-art .orbit{animation:galaxy-orbit-light 7s ease-in-out infinite}
.atelier-animated .hero-art .orbit.two{animation-delay:-3.5s}
.atelier-animated .hero-art .float-card.one{animation:galaxy-float-a 6s ease-in-out infinite}
.atelier-animated .hero-art .float-card.two{animation:galaxy-float-b 7s ease-in-out infinite}
.atelier-animated .hero-art .float-card.three{animation:galaxy-float-a 8s -3s ease-in-out infinite}
.atelier-animated .hero-copy>*{animation:galaxy-arrive .75s cubic-bezier(.22,1,.36,1) both}.atelier-animated .hero-copy h1{animation-delay:.08s}.atelier-animated .hero-copy>p{animation-delay:.16s}.atelier-animated .hero-actions{animation-delay:.24s}.atelier-animated .hero-note{animation-delay:.32s}
.atelier-animated .ws-start{animation:galaxy-arrive .65s cubic-bezier(.22,1,.36,1) both}
.atelier-animated .ws-spark{display:inline-block;animation:galaxy-spark 8s ease-in-out infinite}
.atelier-animated .ws-card{animation:galaxy-arrive .4s ease both}.atelier-animated .ws-card:nth-child(2){animation-delay:40ms}.atelier-animated .ws-card:nth-child(3){animation-delay:80ms}.atelier-animated .ws-card:nth-child(4){animation-delay:120ms}.atelier-animated .ws-card:nth-child(5){animation-delay:160ms}.atelier-animated .ws-card:nth-child(6){animation-delay:200ms}
.atelier-animated .ws-task{animation:galaxy-arrive .25s ease both}.atelier-animated .ws-task .done{transition:color .2s}.atelier-animated [data-ws-favorite][aria-pressed=true]{animation:galaxy-favorite .35s ease}
.atelier-animated :is(.ws-card,.model-card,.tool-card).pointer-lit{background:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,50%),rgba(178,203,156,.15),transparent 80%),var(--solid)}
.atelier-animated .btn.primary{position:relative;overflow:hidden}.atelier-animated .btn.primary:after{content:'';position:absolute;inset:-70% -40%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff24 50%,transparent 58%);transform:translateX(-80%);transition:transform .6s}.atelier-animated .btn.primary:hover:after{transform:translateX(80%)}
@keyframes galaxy-glow{0%,100%{opacity:.55;scale:.96}50%{opacity:1;scale:1.05}}
@keyframes galaxy-drift{0%,100%{translate:0 0;opacity:.5}50%{translate:7px -15px;opacity:1}}
@keyframes galaxy-orb{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -15px;rotate:5deg}}
@keyframes galaxy-orbit-light{0%,100%{opacity:.45;scale:.97}50%{opacity:1;scale:1.025}}
@keyframes galaxy-float-a{0%,100%{translate:0 0;rotate:-1deg}50%{translate:3px -11px;rotate:1deg}}
@keyframes galaxy-float-b{0%,100%{translate:0 -5px;rotate:1deg}50%{translate:-3px 5px;rotate:-1deg}}
@keyframes galaxy-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}
@keyframes galaxy-spark{0%,100%{rotate:0deg;opacity:.7}50%{rotate:30deg;opacity:1}}
@keyframes galaxy-favorite{0%{scale:.85}55%{scale:1.2}100%{scale:1}}
@media(prefers-reduced-motion:reduce){.atelier-animated *,.atelier-animated *:before,.atelier-animated *:after{animation:none!important;transition:none!important}.await-reveal{opacity:1!important;translate:none!important}}
