/* Home page motion: restrained fade / translate / scale only, run once.
   Everything stays visible without JavaScript (hidden states require html.m-ready, set by home-motion.js)
   and under prefers-reduced-motion. */
:root{--m-ease:cubic-bezier(.22,1,.36,1);--m-rise:16px;--m-dur:.6s;--m-hero-rise:12px;--m-hero-dur:.5s}
@media(max-width:600px){:root{--m-rise:11px;--m-dur:.45s;--m-hero-rise:11px;--m-hero-dur:.48s}}

/* 1. Hero copy: title, then English line + description (+0.12s), then the consult button (+0.24s). CSS only, once per load. */
@keyframes m-hero-in{from{opacity:0;transform:translate3d(0,var(--m-hero-rise),0)}to{opacity:1;transform:none}}
.home-hero .hero-copy>:not(h1){animation:m-hero-in var(--m-hero-dur) var(--m-ease) both}
.home-hero .hero-copy>.hero-english,.home-hero .hero-copy>.hero-desc{animation-delay:.12s}
.home-hero .hero-copy>.outline-button{animation-delay:.24s}

/* 2. Section reveal: groups fade up once when ~12% enters the viewport. */
html.m-ready [data-m-reveal="rise"]{transition:opacity var(--m-dur) var(--m-ease),transform var(--m-dur) var(--m-ease)}
html.m-ready [data-m-reveal="rise"]:not(.m-in){opacity:0;transform:translate3d(0,var(--m-rise),0)}

/* 3. Clinic values: items one after another (0 / .12 / .24s); icon scales from .96, copy rises 12px. */
html.m-ready .home-values .value svg,html.m-ready .home-values .value h3,html.m-ready .home-values .value p{transition:opacity .5s var(--m-ease),transform .5s var(--m-ease),stroke .3s ease}
html.m-ready .home-values:not(.m-in) .value svg{opacity:0;transform:scale(.96)}
html.m-ready .home-values:not(.m-in) .value h3,html.m-ready .home-values:not(.m-in) .value p{opacity:0;transform:translate3d(0,12px,0)}
html.m-ready .home-values .value:nth-of-type(1)>*{transition-delay:.12s}
html.m-ready .home-values .value:nth-of-type(2)>*{transition-delay:.24s}
.home-values .value svg{transition:stroke .3s ease}
@media(hover:hover){.home-values .value:hover svg{stroke:#a9805c}}

@media(prefers-reduced-motion:reduce){
 .home-hero .hero-copy>:not(h1){animation:none}
 html.m-ready [data-m-reveal],html.m-ready .home-values .value>*,html.m-ready .home-footer.ft *{transition:none!important;opacity:1!important;transform:none!important}
 
}