/* Final copy and action placement; no image regeneration or distortion. */
.hero .button:after{content:none;display:none}
.hero .copy>p.hero-description,.hero p.eyebrow,.vocation p,.mesure p,.coordination p{font-family:Arial,sans-serif;font-weight:400;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0}
.coordination .button{margin-top:1cqw}
@media(min-width:701px){
 /* Original artwork keeps its native width/height ratio. Move it down 3vw,
    then locate editorial anchors in the same original coordinate system. */
 .composition{aspect-ratio:auto;height:225.3vw}
 .desktop-art{top:3cqw;bottom:auto;height:auto;mask-image:linear-gradient(transparent,#fff 6cqw)}
 .desktop-art img{width:100%;height:auto;aspect-ratio:804/1956;object-fit:contain}
 .hero{top:11.313cqw}
 .vocation{top:69.903cqw;width:41%}
 .vocation p{max-width:39cqw;margin-top:1.8cqw;line-height:1.55}
 .mesure{top:112.477cqw}
 .coordination{top:166.487cqw}
 .coordination p{max-width:40cqw;line-height:1.55}
 footer{top:216cqw;bottom:auto}
}
@media(min-width:701px) and (max-width:1000px){
 .vocation{top:66cqw;left:54%;width:44%}
 .vocation p{max-width:43cqw;font-size:14px;line-height:1.5}
 .coordination p{max-width:42cqw;font-size:14px;line-height:1.5}
}
@media(max-width:700px){
 .coordination .button{margin-top:8px;margin-bottom:18px}
 footer{padding-top:4px}
}

/* DM Sans Light — validated content blocks. */
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-variable.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
.vocation .copy p,.mesure .copy p,.coordination .copy p{font-family:'DM Sans',Arial,sans-serif;font-weight:300;font-synthesis:none}

/* Visual trial: matching CTA sizes and a gentle double heartbeat. */
.hero .button,.coordination .button{color:#000;font-weight:700;text-transform:uppercase;animation:medoptim-heartbeat 2.4s ease-in-out infinite;transform-origin:center;}
@media(min-width:701px){
 .hero .button,.coordination .button{font-size:clamp(14px,1.4cqw,74px);padding:1.25cqw 2.4cqw;min-height:4.5cqw;}
}
@media(max-width:700px){
 .hero .button,.coordination .button{font-size:14px;padding:15px 28px;min-height:54px;width:max-content;max-width:100%;}
}
@keyframes medoptim-heartbeat{
 0%,36%,100%{transform:translateY(0) scale(1)}
 10%{transform:translateY(-3px) scale(1.035)}
 18%{transform:translateY(0) scale(1)}
 26%{transform:translateY(-2px) scale(1.02)}
}
.hero .button:hover,.coordination .button:hover,.hero .button:focus-visible,.coordination .button:focus-visible{animation:none;transform:translateY(-3px)}
.hero .button:active,.coordination .button:active{animation:none;transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.hero .button,.coordination .button{animation:none;transform:none}}