@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-5.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(inter-6.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: 'Montserrat';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(montserrat-0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(montserrat-1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(montserrat-2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(montserrat-3.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal; font-display: swap;
  font-weight: 100 900;
  src: url(montserrat-4.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;
}
:root{--blue50:#EAF2F8;--blue300:#6FA0C2;--blue500:#235E8A;--blue700:#163F5E;--blue900:#0B2233;--red:#A3150C;--ink:#11181F;--muted:#5A6A78;--line:#E6EBEF;--field:#C8D2DA;--paper:#FFFFFF;--section:#F4F7FA;--radius:10px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:1rem/1.7 Inter,Arial,sans-serif;background:var(--paper)}h1,h2,h3,.brand,.eyebrow,.number{font-family:Montserrat,Arial,sans-serif}h1,h2,h3{line-height:1.17;margin:0 0 24px;font-weight:700}h1{font-size:clamp(2.25rem,4.1vw,3.75rem);letter-spacing:-.045em;max-width:1000px;color:var(--blue900)}h2{font-size:clamp(1.7rem,2.7vw,2.6rem);letter-spacing:-.035em;color:var(--blue700)}h3{font-size:1.2rem;letter-spacing:-.015em}p{margin:0 0 24px}a{color:var(--blue700);text-underline-offset:5px}a:hover{color:var(--blue500)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue500);outline-offset:5px}.wrap{width:min(1248px,calc(100% - 96px));margin:auto}.header{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:24px}header{border-bottom:1px solid var(--line);background:white}.brand{font-size:2rem;font-weight:700;line-height:1.1;letter-spacing:-.055em;text-decoration:none;color:var(--blue900);display:inline-block}.brand span{font:400 .75rem/1.5 Inter,Arial,sans-serif;display:block;letter-spacing:.015em;margin-top:8px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px}nav a{font-size:.875rem;text-decoration:none;font-weight:600;white-space:nowrap}nav a[aria-current]{text-decoration:underline}.nav-contact{border:1px solid var(--field);border-radius:6px;padding:12px 16px}.nav-contact span{margin-left:16px}.menu{display:none}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.eyebrow{color:var(--red);font-weight:700;font-size:.75rem;letter-spacing:.105em;text-transform:uppercase;margin-bottom:24px}.hero{padding:72px 0 64px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}.hero h1{font-size:clamp(2.25rem,3.5vw,3.2rem)}.hero h1 span{color:var(--blue500)}.lead{font-size:1.15rem;line-height:1.7;max-width:730px;color:var(--muted);margin:28px 0 32px}.hero .lead{max-width:570px}.hero-image{margin:0;position:relative;padding-top:20px}.hero-image:before{content:'';display:block;background:var(--red);width:64px;height:3px;position:absolute;top:0;left:0}.hero-image img{width:100%;height:auto;display:block;border-radius:10px}.hero-image figcaption{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:12px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.button{display:inline-flex;justify-content:center;gap:24px;align-items:center;min-height:48px;background:var(--blue500);color:white;border:1px solid var(--blue500);border-radius:6px;padding:14px 20px;text-decoration:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:background 160ms var(--ease)}.button:hover{background:var(--blue700);color:white}.text-link{font-weight:600;font-size:.875rem}.scope{background:var(--blue900);color:white}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;gap:40px}.scope p{margin:0}.scope strong{font-size:.9375rem;font-weight:600;display:block}.scope span{font-size:.8125rem;color:#c8d2da;display:block;margin-top:4px}.section{padding-top:80px;padding-bottom:80px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.section-head p:last-child{color:var(--muted);max-width:550px;margin-bottom:24px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:32px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:start;color:var(--ink);transition:background 160ms var(--ease)}.service:hover{background:var(--section);color:var(--ink)}.number{font-size:.875rem;color:var(--blue500);font-weight:600;margin-bottom:32px}.service h3{color:var(--blue700);margin-bottom:16px}.service p{font-size:.9375rem;color:var(--muted);margin-bottom:28px}.service-link{font-size:.8125rem;font-weight:600;color:var(--blue500);margin-top:auto;display:flex;width:100%;justify-content:space-between;gap:8px}.pale{background:var(--section)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.large{font-size:1.4rem;line-height:1.5;color:var(--blue700)}.cta{background:var(--blue900);color:white}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:56px;padding-bottom:56px}.cta h2{color:white;margin-bottom:0;font-size:2rem}.cta .eyebrow{color:var(--blue300);margin-bottom:16px}.light{background:white;color:var(--blue900);border-color:white;white-space:nowrap}.light:hover{background:var(--blue50);color:var(--blue900)}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:48px;padding-bottom:48px;font-size:.8125rem;color:var(--muted)}.footer p{margin:0}.footer .brand{font-size:1.75rem}.footer .brand span{font-size:.7rem}.breadcrumb{font-size:.8125rem;color:var(--muted);margin-bottom:36px}.article-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:96px;margin-top:56px}.prose{max-width:780px}.prose p{margin-bottom:24px}.prose h2{font-size:1.6rem;margin-top:40px}.prose h3{margin-top:32px}.prose li{padding-left:8px;margin-bottom:12px}.prose li::marker{color:var(--blue500)}.article-aside{background:var(--section);border-top:3px solid var(--blue500);padding:28px;height:fit-content}.article-aside h2{font-size:1.15rem}.article-aside a{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:.875rem;text-decoration:none}.article-aside a[aria-current]{font-weight:700}.article-aside a span{color:var(--muted)}.measure{max-width:800px}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:96px;margin-top:56px}.contact-card{padding:32px;background:var(--section);border-top:3px solid var(--blue500);height:fit-content}.contact-card h2{font-size:1.7rem}.contact-card a{display:block;overflow-wrap:anywhere;margin:16px 0}.contact-card p:last-child{margin-top:32px;margin-bottom:0}form h2{font-size:1.5rem}form>p{font-size:.9375rem;color:var(--muted)}label{display:block;font-size:.875rem;font-weight:600;margin:20px 0 8px}label span{font-weight:400;color:var(--muted);font-size:.8125rem}input,textarea{display:block;width:100%;padding:12px;border:1px solid var(--field);border-radius:6px;background:white;color:var(--ink)}textarea{resize:vertical}.small{font-size:.8125rem;margin-top:20px}#form-status{margin-top:20px}.sitemap li{margin-bottom:16px}
@media(min-width:1500px){.hero h1{font-size:3.5rem}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:16px}.brand{font-size:1.8rem}.brand span{font-size:.65rem}.hero-grid{gap:32px}.hero-image img{height:auto}.article-grid,.contact-grid{gap:40px}.service{padding:24px}.section-head{gap:40px}}@media(max-width:900px){.header{min-height:88px;flex-wrap:wrap;padding:20px 0}.menu{display:flex;gap:16px;align-items:center;border:1px solid var(--field);background:white;border-radius:6px;padding:8px 12px;color:var(--blue700)}nav{display:flex;flex-direction:column;width:100%;align-items:stretch;gap:0}body.js nav{display:none}body.js nav.open{display:flex}nav a{padding:14px 0;border-top:1px solid var(--line)}nav .nav-contact{padding:12px;margin-top:8px}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:700px;font-size:3.2rem}.hero-image img{height:auto}.hero-image{margin-top:8px}.hero{padding-top:48px}.services{grid-template-columns:repeat(2,1fr)}.scope-grid{gap:20px}.section{padding-top:56px;padding-bottom:56px}.split{gap:40px}.footer{flex-wrap:wrap}.article-grid{grid-template-columns:1fr}.article-aside{max-width:700px}.contact-grid{gap:32px}.cta h2{font-size:1.7rem}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}h1,.hero h1{font-size:2.25rem;letter-spacing:-.04em}.hero h1 br{display:none}.hero h1 span{display:block}.hero .eyebrow{font-size:.68rem}.hero .lead{font-size:1.0625rem}.hero-image img{height:auto}.hero-grid{gap:24px}.actions{align-items:stretch;flex-direction:column}.actions .text-link{text-align:center}.scope-grid{grid-template-columns:1fr;gap:20px}.scope p+p{padding-top:20px;border-top:1px solid #163F5E}.section-head,.split,.contact-grid{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:24px}.section-head p:last-child{margin-bottom:0}.services{grid-template-columns:1fr}.service{padding:28px}.number{margin-bottom:20px}.cta-inner{flex-direction:column;align-items:start}.footer{align-items:start;flex-direction:column;gap:24px}.contact-grid{margin-top:36px}.breadcrumb{font-size:.75rem}.article-grid{margin-top:32px;gap:32px}.contact-card{padding:24px}.section>h1{overflow-wrap:anywhere}}
.hero-grid>*,.services>*,.section-head>*,.split>*,.contact-grid>*,.scope-grid>*{min-width:0}h1,h2,h3,p,.brand,.button,.service-link,nav a{overflow-wrap:anywhere}.button,nav a{white-space:normal}.service-link{font-size:.875rem}.light{max-width:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,footer,.cta,.article-aside,.menu,.actions{display:none}.wrap{width:100%}.hero-grid,.article-grid{display:block}.section,.hero{padding:16px 0}.hero-image img{height:180px}.services{display:block}.service{break-inside:avoid}body{font-size:11pt}.scope{background:white;color:black}.scope span{color:black}}


/* ================================================================
   Ajouts refonte condensée : Savoir-faire showcase + Timeline Parcours
   ================================================================ */

/* --- Piliers d'introduction (3 badges au-dessus des 9 pavés) --- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0 0}
.pillar{padding:16px 20px;border-radius:8px;background:var(--section);border-left:3px solid var(--blue500);font-size:.9rem;color:var(--muted)}
.pillar strong{display:block;font-family:Montserrat,Arial,sans-serif;color:var(--blue700);margin-bottom:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.pillar:nth-child(2){border-left-color:var(--red)}
.pillar:nth-child(3){border-left-color:var(--blue300)}

/* --- Grille 3x3 des 9 pavés --- */
.svc-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 40px}
.svc{position:relative;padding:32px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform 320ms var(--ease),box-shadow 320ms var(--ease),border-color 320ms var(--ease),opacity 600ms var(--ease),translate 600ms var(--ease)}
body.js .svc{opacity:0;transform:translateY(24px)}
body.js .svc.in{opacity:1;transform:none;transition:opacity 600ms var(--ease) calc(var(--i,0)*70ms),transform 600ms var(--ease) calc(var(--i,0)*70ms),box-shadow 320ms var(--ease),border-color 320ms var(--ease)}
.svc::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--svc-accent,var(--blue500));border-radius:12px 12px 0 0;transition:height 320ms var(--ease)}
.svc:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(11,34,51,.12);border-color:var(--svc-accent,var(--blue500))}
.svc:hover::before{height:6px}

/* Chiffre géant en filigrane */
.svc-num-bg{position:absolute;top:8px;right:-16px;font-family:Montserrat,Arial,sans-serif;font-weight:800;font-size:8rem;line-height:1;color:var(--svc-accent,var(--blue500));opacity:.08;pointer-events:none;user-select:none;transition:opacity 320ms var(--ease),transform 320ms var(--ease)}
.svc:hover .svc-num-bg{opacity:.16;transform:scale(1.05) rotate(-3deg)}

/* Icône colorée en haut de la carte */
.svc-icon{position:relative;width:44px;height:44px;color:var(--svc-accent,var(--blue500));margin-bottom:24px;transition:transform 320ms var(--ease)}
.svc:hover .svc-icon{transform:rotate(-8deg) scale(1.12)}

.svc-num{position:relative;font-family:Montserrat,Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--svc-accent,var(--blue500));margin-bottom:12px}
.svc h3{position:relative;color:var(--blue900);font-size:1.15rem;margin-bottom:14px;line-height:1.3}
.svc p{position:relative;color:var(--muted);font-size:.9375rem;line-height:1.65;margin-bottom:24px}
.svc-tag{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Montserrat,Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--svc-accent,var(--blue500));border-top:1px solid var(--line);padding-top:16px}
.svc-arrow{display:inline-block;transition:transform 320ms var(--ease);font-size:1.1rem;font-weight:400}
.svc:hover .svc-arrow{transform:translateX(8px)}

/* --- Frise chronologique Parcours --- */
.tl{position:relative;margin:40px 0 24px}
.tl::before{content:"";position:absolute;left:120px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--blue500),var(--red) 45%,var(--blue300))}
.tl-item{position:relative;display:grid;grid-template-columns:100px 40px 1fr;gap:24px;margin-bottom:24px;transition:transform 320ms var(--ease)}
body.js .tl-item{opacity:0;transform:translateX(-16px)}
body.js .tl-item.in{opacity:1;transform:none;transition:opacity 500ms var(--ease),transform 500ms var(--ease)}
.tl-year{font-family:Montserrat,Arial,sans-serif;font-weight:700;color:var(--blue700);font-size:.9375rem;padding-top:24px;text-align:right}
.tl-dot{position:relative;padding-top:24px}
.tl-dot::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--tl-accent,var(--blue500));border:3px solid white;box-shadow:0 0 0 2px var(--tl-accent,var(--blue500));position:absolute;left:10px;top:28px;transition:transform 240ms var(--ease)}
.tl-item:hover .tl-dot::before{transform:scale(1.35)}
.tl-body{background:var(--section);border-radius:10px;padding:20px 24px;border-left:3px solid var(--tl-accent,var(--blue500));transition:transform 240ms var(--ease),box-shadow 240ms var(--ease)}
.tl-item:hover .tl-body{transform:translateY(-2px);box-shadow:0 8px 24px rgba(11,34,51,.08)}
.tl-role{display:inline-block;font-family:Montserrat,Arial,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--tl-accent,var(--blue500));font-weight:700;margin-bottom:10px}
.tl-body h3{color:var(--blue900);font-size:1.15rem;margin-bottom:8px}
.tl-body p{color:var(--muted);font-size:.9375rem;line-height:1.65;margin:0 0 12px}
.tl-body p:last-child{margin-bottom:0}
.tl-body strong{color:var(--blue700);font-weight:600}

/* --- Cartes d'expertise --- */
.expertise{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0 40px}
.ex-card{padding:24px 28px;background:white;border:1px solid var(--line);border-radius:10px;border-top:3px solid var(--ex-accent,var(--blue500));transition:transform 240ms var(--ease),box-shadow 240ms var(--ease)}
body.js .ex-card{opacity:0;transform:translateY(16px)}
body.js .ex-card.in{opacity:1;transform:none;transition:opacity 500ms var(--ease),transform 500ms var(--ease),box-shadow 240ms var(--ease)}
.ex-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(11,34,51,.08)}
.ex-card h3{color:var(--blue900);font-size:1rem;margin-bottom:10px;font-weight:700}
.ex-card p{color:var(--muted);font-size:.9375rem;margin:0;line-height:1.65}

/* --- Bloc engagements (liste stylisée) --- */
.engagements{margin:40px 0 24px;padding:28px 32px;background:var(--section);border-radius:10px;border-left:3px solid var(--red)}
.engagements h3{color:var(--blue700);font-size:1rem;margin-bottom:20px;font-weight:700;font-family:Montserrat,Arial,sans-serif;letter-spacing:-.01em}
.engagements ul{list-style:none;padding:0;margin:0}
.engagements li{padding:12px 0;border-top:1px solid rgba(90,106,120,.15);font-size:.9375rem;color:var(--ink);line-height:1.6}
.engagements li:first-child{border-top:0;padding-top:0}
.engagements strong{color:var(--blue700);font-weight:600}

/* --- Adaptations responsive --- */
@media(max-width:1100px){
  .svc-showcase{gap:16px}
  .svc{padding:24px}
  .svc-num-bg{font-size:6.5rem}
}
@media(max-width:900px){
  .svc-showcase{grid-template-columns:repeat(2,1fr)}
  .pillars{grid-template-columns:1fr}
  .tl::before{left:80px}
  .tl-item{grid-template-columns:70px 32px 1fr;gap:16px}
  .tl-year{font-size:.85rem;padding-top:22px}
  .tl-dot::before{left:8px}
  .expertise{grid-template-columns:1fr}
}
@media(max-width:600px){
  .svc-showcase{grid-template-columns:1fr;gap:16px}
  .svc{padding:24px 22px}
  .svc-num-bg{font-size:5.5rem;top:4px;right:-8px}
  .tl::before{left:14px}
  .tl-item{grid-template-columns:1fr;gap:6px;padding-left:40px;position:relative}
  .tl-year{text-align:left;padding-top:0;font-size:.85rem;padding-left:0}
  .tl-dot{position:absolute;left:0;top:0;padding-top:0;height:100%}
  .tl-dot::before{left:6px;top:2px}
  .tl-body{margin-top:8px;padding:18px 20px}
  .engagements{padding:24px 22px}
}

/* --- Respect de prefers-reduced-motion --- */
@media(prefers-reduced-motion:reduce){
  body.js .svc,body.js .tl-item,body.js .ex-card{opacity:1!important;transform:none!important;transition:none!important}
  .svc:hover,.tl-item:hover .tl-body,.ex-card:hover{transform:none!important}
  .svc:hover .svc-icon,.svc:hover .svc-num-bg,.svc:hover .svc-arrow,.tl-item:hover .tl-dot::before{transform:none!important}
}


/* ================================================================
   Ajouts pour les pages Nos atouts / Nos valeurs
   - Icones dans les cartes .ex-card
   - Bloc "motto" (citation en fond gris avec bordure rouge)
   - Grille 4 valeurs (2x2)
   - Liste stylisee des engagements de valeurs
   ================================================================ */

.ex-card > svg{
  width:38px;height:38px;
  color:var(--ex-accent,var(--blue500));
  margin-bottom:16px;
  display:block;
  transition:transform 240ms var(--ease)
}
.ex-card:hover > svg{transform:rotate(-6deg) scale(1.1)}
.ex-card p{margin-bottom:0}
.ex-card p + p{margin-top:12px}

.expertise-4{grid-template-columns:repeat(2,1fr)}

.motto{
  margin:56px 0 32px;
  padding:40px 44px;
  background:linear-gradient(135deg,var(--section) 0%,#eaf2f8 100%);
  border-radius:12px;
  border-left:4px solid var(--red);
  text-align:center;
  position:relative;
  overflow:hidden
}
.motto::before{
  content:"";
  position:absolute;
  top:-40px;right:-40px;
  width:180px;height:180px;
  background:radial-gradient(circle,rgba(163,21,12,.06),transparent 70%);
  pointer-events:none
}
.motto p{
  font-family:Montserrat,Arial,sans-serif;
  color:var(--blue900);
  font-size:clamp(1.15rem,1.8vw,1.5rem);
  line-height:1.35;
  letter-spacing:-.015em;
  font-weight:600;
  margin:0;
  position:relative
}
.motto .motto-sub{
  font-size:.72rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-top:14px;
  font-weight:500
}

.values-list{
  list-style:none;
  padding:0;
  margin:24px 0;
  display:grid;
  gap:12px
}
.values-list li{
  position:relative;
  padding:14px 20px 14px 44px;
  background:var(--section);
  border-radius:8px;
  color:var(--ink);
  font-size:.9375rem;
  line-height:1.6
}
.values-list li::before{
  content:"";
  position:absolute;
  left:18px;top:22px;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--blue500)
}
.values-list li:nth-child(2)::before{background:var(--red)}
.values-list li:nth-child(3)::before{background:var(--blue700)}

@media(max-width:900px){
  .expertise-4{grid-template-columns:1fr}
  .motto{padding:28px 26px}
}


/* ================================================================
   Nouveau logo : mark SVG + wordmark texte (Montserrat)
   Ajouts pour l'en-tete uniquement, le pied de page conserve
   son .brand text-only historique.
   ================================================================ */
.brand-with-mark{display:inline-flex;align-items:center;gap:14px;line-height:1.1;text-decoration:none}
.brand-mark{width:44px;height:auto;flex-shrink:0;display:block}
.brand-with-mark .brand-name{
  font-family:Montserrat,Arial,sans-serif;
  font-size:2rem;
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.055em;
  color:var(--blue900);
  display:inline-block;
  margin:0
}
.brand-with-mark .brand-name > span{
  font:400 .75rem/1.5 Inter,Arial,sans-serif;
  display:block;
  letter-spacing:.015em;
  margin-top:4px;
  color:var(--muted)
}
@media(max-width:1100px){
  .brand-mark{width:38px}
  .brand-with-mark .brand-name{font-size:1.8rem}
}
@media(max-width:600px){
  .brand-mark{width:32px}
  .brand-with-mark{gap:10px}
  .brand-with-mark .brand-name{font-size:1.5rem}
}


/* ================================================================
   Logo simple : filet rouge sous le premier « I » de ImmoGon
   (piste 01 - Continuite : mot-symbole Montserrat + touche rouge)
   ================================================================ */
.brand .brand-i{
  font:inherit;
  color:inherit;
  display:inline;
  margin:0;
  letter-spacing:inherit;
  line-height:inherit;
  text-decoration:underline;
  text-decoration-color:var(--red);
  text-decoration-thickness:3px;
  text-underline-offset:4px;
  -webkit-text-decoration:underline var(--red) 3px
}
.footer .brand .brand-i{text-decoration-thickness:2px;text-underline-offset:3px}


/* --- Variante lien (accueil) pour les pavés .svc --- */
a.svc, a.svc:hover, a.svc:focus, a.svc:visited{
  color:inherit;
  text-decoration:none;
  cursor:pointer
}


/* ================================================================
   Logo vectoriel couleur (SVG) - remplace le wordmark texte
   .brand devient un flex column : logo image + tagline
   ================================================================ */
.brand{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  text-decoration:none;
  line-height:1;
  color:var(--blue900);
  min-width:0;
  max-width:100%
}
.brand-logo{
  width:180px;
  height:auto;
  display:block;
  flex-shrink:0;
  max-width:100%
}
.brand-tag{
  font:400 .72rem/1.4 Inter,Arial,sans-serif;
  letter-spacing:.015em;
  color:var(--muted);
  white-space:nowrap
}
/* Footer : logo plus compact, footer sans debordement */
.footer{overflow:hidden}
.footer .brand{gap:4px;min-width:0;max-width:100%}
.footer .brand .brand-logo{width:130px}
.footer .brand .brand-tag{font-size:.65rem;white-space:normal;line-height:1.35;max-width:200px}
/* Responsive : reduire au fur et a mesure */
@media(max-width:1100px){
  .brand-logo{width:160px}
  .footer .brand .brand-logo{width:115px}
}
@media(max-width:900px){
  .footer .brand{flex-direction:row;align-items:center;gap:12px}
  .footer .brand .brand-tag{font-size:.7rem;max-width:none;white-space:normal}
}
@media(max-width:600px){
  .brand-logo{width:140px}
  .brand-tag{font-size:.7rem}
  .footer .brand{flex-direction:row}
  .footer .brand .brand-logo{width:120px}
}


/* ================================================================
   Fonds de page eclaircis (voile blanc + photo en fixed cover)
   Pages Nos savoirs faire, Nos atouts, Nos valeurs
   Le fond est composite :
     couche 1 (superposee) : voile blanc 88%
     couche 2 (dessous)    : photo, centree, cover
   ================================================================ */
body.bg-savoirs-faire,
body.bg-atouts,
body.bg-valeurs{
  background-repeat:no-repeat;
  background-size:100% 100%,contain;
  background-position:center;
  background-attachment:fixed;
  background-color:#fff
}
body.bg-savoirs-faire{
  background-image:
    linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,.50)),
    url('bg-savoirs-faire.jpg')
}
body.bg-atouts{
  background-image:
    linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,.50)),
    url('bg-atouts.jpg');
  background-size: 100% 100%, 100% auto;
  background-position: top center
}
body.bg-valeurs{
  background-image:
    linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,.50)),
    url('bg-valeurs.jpg')
}
/* Sur mobile : background-attachment:fixed pose souci sur iOS Safari,
   on passe donc en scroll (la photo suit le scroll) */
@media(max-width:900px){
  body.bg-savoirs-faire,body.bg-atouts,body.bg-valeurs{
    background-attachment:scroll;
    background-size:cover
  }
}
/* Les cartes .ex-card / .svc gardent leur fond blanc solide,
   la photo ne passe pas dessous (deja gere par background:white sur .svc et .ex-card) */