/* Colors sampled from the untouched official Magic Motion logo. */
:root{--brand-purple:#601986;--brand-pink:#e61874;--brand-teal:#5fc2c7;--brand-blue:#1a68b3;--brand-yellow:#fcc91a;--coral:var(--brand-pink);--lavender:#c7b9dd;--paper:#f7f7f4}
.brand{display:inline-flex;flex:none;line-height:1;letter-spacing:normal}.brand-logo{display:block;width:100px;height:auto;max-width:none;object-fit:contain}.site-header{padding-top:12px;padding-bottom:12px}.site-footer .brand{width:130px;background:#fff;padding:10px 15px;border-radius:8px}.site-footer .brand-logo{width:100px}
.hero-copy h1 em,.collection-section h2 em,.section-label .signal-dot{color:var(--brand-purple)}.button:not(.button-light):not(.button-outline){background:var(--brand-purple);border-color:var(--brand-purple)}.button:not(.button-light):not(.button-outline):hover{background:#471363}.button-outline{border-color:var(--brand-purple);color:var(--brand-purple)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-blue)}.text-link{border-color:var(--brand-purple)}.signal-dot,.small-dot{background:var(--brand-pink)}.site-header nav a[aria-current],.language-switch a[aria-current]{border-color:var(--brand-purple)}
.ticker{background:#efebf3;color:var(--brand-purple);border-top:1px solid #ded5e8;border-bottom:1px solid #ded5e8}.ticker span:nth-child(2){color:var(--brand-pink)}.ticker span:nth-child(4){color:var(--brand-teal)}.ticker span:nth-child(6){color:var(--brand-blue)}.rhythm-explorer{background:#eef5f4}.principles>div>span{color:var(--brand-purple)}.collection-index-grid>a:hover{background:#efebf3}.source-notes{border-color:var(--brand-teal)}
.card-image{background:#fff;aspect-ratio:1/1;padding:34px 12px 12px;border:1px solid #e9e7eb;border-radius:10px}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.card-image:hover img{transform:translateY(-4px)}.card-index{z-index:1;color:#59535e}.card-arrow{z-index:1;background:#f3edf8;color:var(--brand-purple)}
.home-hero .orbit-one{border-color:rgba(96,25,134,.22)}.home-hero .orbit-two{border-color:rgba(95,194,199,.35)}.home-hero .hero-stage{isolation:isolate}.home-hero .hero-product{will-change:transform}.home-hero .hero-product img{will-change:transform}.home-hero .floating-label{border:1px solid rgba(96,25,134,.1)}
@media(prefers-reduced-motion:no-preference){
 .home-hero .hero-copy h1{animation:hero-enter 1.15s cubic-bezier(.2,.65,.25,1) both}.home-hero .hero-copy>p{animation:hero-enter 1.15s .12s cubic-bezier(.2,.65,.25,1) both}.home-hero .hero-actions{animation:hero-enter 1.15s .24s cubic-bezier(.2,.65,.25,1) both}
 .home-hero .hero-product img{animation:hero-arrive 1.3s cubic-bezier(.2,.65,.25,1) both,hero-float 8s 1.3s ease-in-out infinite}.home-hero .orbit-one{animation:brand-orbit 12s ease-in-out infinite}.home-hero .orbit-two{animation:brand-orbit 15s -4s ease-in-out infinite reverse}
 .home-hero.motion-paused .hero-product img,.home-hero.motion-paused .orbit{animation-play-state:paused}
}
@keyframes hero-enter{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(54px) scale(.88) rotate(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-22px) rotate(-2deg)}75%{transform:translateY(14px) rotate(2deg)}}
@keyframes brand-orbit{0%,100%{rotate:-6deg;scale:.98}50%{rotate:9deg;scale:1.04}}
@media(max-width:800px){.brand-logo{width:72px}.site-header{padding-top:10px;padding-bottom:10px}.card-image{padding:32px 10px 10px;aspect-ratio:1/1}.home-hero .orbit{animation:none}.home-hero .hero-product{will-change:auto}.home-hero .hero-product img{animation-duration:1.3s,12s;will-change:auto}@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-copy h1,.home-hero .hero-copy>p,.home-hero .hero-actions,.home-hero .hero-product img,.home-hero .orbit{animation:none!important;transform:none!important;rotate:none!important;scale:none!important;opacity:1!important;will-change:auto}.home-hero .hero-product{transform:none!important;will-change:auto}}