/* Local phases 1–3. All content stays visible and all transforms have a static base. */
body:is([data-page="home"],[data-page="courses"]){--motion-easing:cubic-bezier(.22,1,.36,1);--motion-hero-duration:480ms;--motion-hero-step:60ms;--motion-hero-offset:12px;--motion-hero-image-duration:600ms;--motion-hero-image-scale:1.025;--motion-caption-duration:300ms;--motion-dialog-duration:190ms;--motion-dialog-offset:8px;--motion-arrow-duration:180ms;--motion-arrow-shift:-3px;--motion-card-image-duration:220ms;--motion-card-image-scale:1.025;--motion-backdrop-duration:160ms}
body:is([data-page="home"],[data-page="courses"]) .motion-arrow{display:inline-block;flex-shrink:0;transition:transform var(--motion-arrow-duration) var(--motion-easing)}
body:is([data-page="home"],[data-page="courses"]) .motion-action:focus .motion-arrow{transform:translate(var(--motion-arrow-shift),var(--motion-arrow-shift))}
body:is([data-page="home"],[data-page="courses"]) :is(.course-card,.article-card):focus-within{outline:1px solid var(--border-control);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 body:is([data-page="home"],[data-page="courses"]) .motion-action:hover .motion-arrow{transform:translate(var(--motion-arrow-shift),var(--motion-arrow-shift))}
 body:is([data-page="home"],[data-page="courses"]) :is(.card-image-wrap img,.article-cover-link img){transition:transform var(--motion-card-image-duration) var(--motion-easing)}
 body:is([data-page="home"],[data-page="courses"]) .course-card:hover .card-image-wrap img,body:is([data-page="home"],[data-page="courses"]) .article-card:hover .article-cover-link img{transform:scale(var(--motion-card-image-scale))}
}
body:is([data-page="home"],[data-page="courses"]) .dialog[open][data-motion-enter]::backdrop{animation:horizan-phase1-backdrop var(--motion-backdrop-duration) var(--motion-easing)}
@keyframes horizan-phase1-backdrop{from{opacity:.9}to{opacity:1}}
@media(max-width:600px){body:is([data-page="home"],[data-page="courses"]){--motion-hero-duration:300ms;--motion-hero-step:40ms;--motion-hero-offset:6px;--motion-hero-image-duration:350ms;--motion-hero-image-scale:1.015}}
@media(prefers-reduced-motion:reduce){
 body:is([data-page="home"],[data-page="courses"]) .motion-arrow,body:is([data-page="home"],[data-page="courses"]) :is(.card-image-wrap img,.article-cover-link img){transform:none!important;transition:none!important}
 body:is([data-page="home"],[data-page="courses"]) .dialog[open][data-motion-enter]::backdrop{animation:none!important}
}

/* Limited scroll entrances and menu opening share the phase 1 controller. */
body:is([data-page="home"],[data-page="courses"]){--motion-reveal-duration:360ms;--motion-reveal-offset:12px;--motion-reveal-step:40ms;--motion-reveal-mobile-duration:280ms;--motion-reveal-mobile-offset:6px;--motion-menu-duration:180ms}
body:is([data-page="home"],[data-page="courses"]) .filter{transition:background-color 160ms var(--motion-easing),border-color 160ms var(--motion-easing),color 160ms var(--motion-easing)}
@media(prefers-reduced-motion:reduce){body:is([data-page="home"],[data-page="courses"]) .filter{transition:none!important}}

/* Generated about items use their existing classes; no generated slot edits. */
body:is([data-page="home"],[data-page="courses"]){--motion-guide-duration:280ms;--motion-guide-offset:6px;--motion-guide-step:40ms;--motion-cart-duration:180ms;--motion-cart-scale:1.12}