/* MSM · composants adaptés de Northloom, 9 novembre 2026. */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-stretch:75% 100%;font-display:swap;src:url('/fonts/BricolageGrotesque-latin-11603f.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-stretch:75% 100%;font-display:swap;src:url('/fonts/BricolageGrotesque-latin-ext-69003d.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--msm-display:"Bricolage Grotesque",Inter,system-ui,sans-serif;--msm-ink:#17242e;--msm-glacier:#e8f1fb;--msm-lilac:#e9e5ff;--msm-ease:cubic-bezier(.2,.8,.2,1)}
h1,h2,h3,.section-title,.hero-title,.article-title,.blog-title,.page-title{font-family:var(--msm-display);font-variation-settings:"wdth" 94;text-wrap:balance}
.nav-link,.nav-cta,.btn-secondary,.cta-button,.search-btn,.mobile-cta{font-family:var(--msm-display)}
.nav-bar{border-color:#17242e20;box-shadow:0 6px 22px -12px #17242e35}
.nav-logo:hover{transform:none}
.nav-link{position:relative;border-radius:0;transition:color .2s;white-space:nowrap}
.nav-link::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--msm-ease)}
.nav-link:hover,.nav-link:focus-visible{background:transparent;transform:none;color:#4337b4}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.nav-cta,.mobile-cta,.cta-button,.btn-secondary,.search-btn,.home-care-intro>a{position:relative;isolation:isolate;overflow:hidden;border:2px solid var(--msm-ink);border-radius:999px;background:var(--msm-ink);color:#fff;transition:color .3s,box-shadow .3s,transform .3s var(--msm-ease)}
.nav-cta::before,.mobile-cta::before,.cta-button::before,.btn-secondary::before,.search-btn::before,.home-care-intro>a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--msm-lilac);transform:translateY(101%);transition:transform .4s var(--msm-ease);border-radius:inherit}
.nav-cta:hover,.mobile-cta:hover,.cta-button:hover,.btn-secondary:hover,.search-btn:hover,.home-care-intro>a:hover{background:var(--msm-ink);color:var(--msm-ink);border-color:var(--msm-ink);transform:translateY(-2px);box-shadow:3px 4px 0 #17242e28}
.nav-cta:hover::before,.mobile-cta:hover::before,.cta-button:hover::before,.btn-secondary:hover::before,.search-btn:hover::before,.home-care-intro>a:hover::before{transform:none}
.btn-secondary{background:#fff;color:var(--msm-ink)}
.btn-secondary::before{background:var(--msm-glacier)}
.cta-button:hover svg,.cta-button:hover i{color:var(--msm-ink)}
.msm-care-menu[open] summary{color:#4337b4}
.msm-care-dropdown{border:1px solid #17242e35;border-radius:20px;box-shadow:6px 7px 0 #dce5f0;padding:12px;min-width:285px}
.msm-care-dropdown a{padding:13px 14px;border-radius:10px;transition:color .2s;position:relative}
.msm-care-dropdown a:hover{background:transparent;color:#4337b4;text-decoration:underline;text-underline-offset:5px}
.home-care-board{border:1px solid #17242e30;border-radius:28px;background:linear-gradient(135deg,#e8f1fb,#e9e5ff)}
.home-care-intro{color:var(--msm-ink);padding:42px}
.home-care-intro h2{font-family:var(--msm-display);font-weight:800}
.home-care-choices>a:hover strong{color:#4337b4}
.parcours-card:hover,.spec-card:hover{transform:translateY(-3px);box-shadow:5px 6px 0 #e3e8f2;border-color:#17242e55}
.parcours-card:hover::after{opacity:0}
.spec-card:hover .spec-card-arrow{background:var(--msm-glacier);color:var(--msm-ink)}
.article-cat,.blog-card-cat{border-radius:999px}
.msm-phone-reveal[data-msm-phone]{border-radius:999px;border:2px solid #5143ca;font-family:var(--msm-display);box-shadow:none;transition:background .25s,box-shadow .25s,transform .25s var(--msm-ease)}
.msm-phone-reveal[data-msm-phone]:hover{background:#4334b8;border-color:#4334b8;box-shadow:3px 4px 0 #e9e5ff;transform:translateY(-2px)}
.msm-phone-reveal:focus-visible,.msm-phone-revealed:focus-visible{border-radius:999px}
.mobile-link:hover{transform:none;background:transparent;color:#4337b4}
.mobile-link:focus-visible,.nav-link:focus-visible,.nav-cta:focus-visible,.mobile-cta:focus-visible,.cta-button:focus-visible,.btn-secondary:focus-visible,.search-btn:focus-visible{outline:3px solid #635bff;outline-offset:5px}
@media(hover:none){.nav-cta:hover,.mobile-cta:hover,.cta-button:hover,.btn-secondary:hover,.search-btn:hover{transform:none;box-shadow:none}}
@media(max-width:720px){.home-care-intro{padding:28px}.msm-care-dropdown{max-width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.nav-link::after,.nav-cta,.nav-cta::before,.mobile-cta,.mobile-cta::before,.cta-button,.cta-button::before,.btn-secondary,.btn-secondary::before,.search-btn,.search-btn::before,.home-care-intro>a,.home-care-intro>a::before,.parcours-card,.spec-card,.msm-phone-reveal[data-msm-phone]{transition:none!important;animation:none!important}.cursor-glow,.grain-overlay{display:none}}
