/* Styles extraits de 07_PAGES/a-propos.html — rendu conservé. */

:root{
      --white:#FFFFFF;
      --black:#000000;
      --blue:#006DED;
      --header-h:92px;
      --container:1248px;
      --radius:18px;
      --shadow:0 18px 45px rgba(0,0,0,.14);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Poppins',sans-serif;color:var(--black);background:var(--white);overflow-x:hidden}
    h1,h2,h3,.serif{font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;font-weight:800;line-height:.96;letter-spacing:-.035em}
    p{font-size:17px;line-height:1.72;font-weight:400}
    a{text-decoration:none;color:inherit}

    .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);display:flex;align-items:center;transition:background .35s ease, box-shadow .35s ease;background:transparent}
    .site-header.scrolled{background:var(--black);box-shadow:0 12px 34px rgba(0,0,0,.24)}
    .header-inner{width:100%;max-width:1366px;margin:0 auto;padding:0 34px;display:grid;grid-template-columns:180px 1fr 230px;align-items:center}
    .logo-symbol{width:62px;height:62px;display:flex;align-items:center;justify-content:flex-start}
    .logo-symbol img{width:62px;height:62px;object-fit:contain;display:block}
    .nav{display:flex;align-items:center;justify-content:center;gap:46px}
    .nav a{position:relative;color:var(--white);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .25s ease}
    .nav a::after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:var(--blue);transition:width .25s ease}
    .nav a:hover{color:var(--blue)}
    .nav a:hover::after{width:100%}
    .header-cta{justify-self:end}
    .burger{display:none;width:34px;height:24px;background:transparent;border:0;flex-direction:column;justify-content:space-between;cursor:pointer}
    .burger span{display:block;height:3px;background:var(--white);border-radius:10px}

    .btn{border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.095em;min-height:48px;padding:0 31px;font-size:12px;cursor:pointer;transition:transform .45s cubic-bezier(0.22,1,0.36,1), box-shadow .45s cubic-bezier(0.22,1,0.36,1), background .45s cubic-bezier(0.22,1,0.36,1), color .45s cubic-bezier(0.22,1,0.36,1), border-color .45s cubic-bezier(0.22,1,0.36,1);white-space:nowrap}
    .btn:hover{transform:translateY(-3px) scale(1.025)}
    .btn-blue{background:var(--blue);color:var(--white);border:2px solid transparent}
    .btn-blue:hover{background:var(--white);color:var(--blue);border-color:var(--blue);box-shadow:0 0 0 8px rgba(0,109,237,.18),0 12px 32px rgba(0,109,237,.32)}
    .btn-black{background:var(--black);color:var(--white);border:2px solid transparent}
    .btn-black:hover{background:var(--white);color:var(--black);border-color:var(--black);box-shadow:0 0 0 8px rgba(0,0,0,.14),0 12px 32px rgba(0,0,0,.22)}
    .btn-transparent{background:transparent;color:var(--white);border:2px solid var(--white)}
    .btn-transparent:hover{background:var(--white);color:var(--blue);border-color:transparent;box-shadow:0 0 0 8px rgba(255,255,255,.24),0 12px 32px rgba(255,255,255,.20)}

    .section{min-height:100vh;padding:calc(var(--header-h) + 55px) 42px 70px;display:flex;align-items:center;background:var(--white)}
    .section.black{background:var(--black);color:var(--white)}
    .section.blue{background:var(--blue);color:var(--white)}
    .container{width:100%;max-width:var(--container);margin:0 auto}
    .label{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:32px}
    .label.white{color:var(--white);opacity:.78;text-align:center}
    .blue-text{color:var(--blue)}

    .hero{min-height:100vh;background:var(--blue);color:var(--white);position:relative;overflow:hidden;padding:0 42px;display:flex;align-items:center}
.hero video.hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}
.hero::before{
z-index:1;
}
.hero::after{
z-index:1;
}
.hero-content,
.hero-strip{
position:relative;
z-index:2;
}

    .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 22%, rgba(255,255,255,.52), transparent 31%), radial-gradient(ellipse at 73% 52%, rgba(255,255,255,.36), transparent 30%), linear-gradient(145deg, rgba(0,0,0,.25), transparent 52%);opacity:.9}
    .hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:116px;height:220px;background:linear-gradient(170deg, transparent 0 22%, rgba(255,255,255,.55) 23%, rgba(255,255,255,.25) 40%, rgba(0,0,0,.20) 42%, transparent 72%);filter:blur(1px);transform:skewY(-9deg)}
    .hero-content{position:relative;z-index:2;width:100%;max-width:var(--container);margin:0 auto;padding-top:36px}
    .hero h1{font-size:72px;max-width:560px;margin-bottom:28px}
    .hero p{max-width:390px;font-size:15px;line-height:1.55;margin-bottom:30px;color:rgba(255,255,255,.9)}
    .hero-actions{display:flex;gap:15px;align-items:center}
    .hero-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--black);height:62px;display:flex;align-items:center;overflow:hidden;color:var(--white);font-size:13px;letter-spacing:.02em;white-space:nowrap}
    .ticker-track{display:flex;align-items:center;gap:72px;animation:ticker 26s linear infinite;will-change:transform;padding-right:72px}
    .ticker-track span::before{content:"•";color:var(--blue);margin-right:12px}
    @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    .about-grid{display:grid;grid-template-columns:47% 53%;gap:72px;align-items:center}
    .visual-placeholder{height:500px;border-radius:12px;background:linear-gradient(140deg,#03030a,#0b1a2d);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:90px}
    .about-copy h2{font-size:58px;margin-bottom:36px}.about-copy p{font-size:17px;margin-bottom:28px;max-width:710px;color:rgba(0,0,0,.72)}
    .mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 36px}
    .mini-card{border-radius:8px;background:var(--white);box-shadow:var(--shadow);padding:25px 26px;min-height:132px}
    .mini-card h4{font-size:14px;font-weight:800;text-transform:uppercase;margin-bottom:15px}.mini-card p{font-size:15px;line-height:1.45;margin:0;color:rgba(0,0,0,.66)}

    .poles h2,.blog h2{font-size:58px;max-width:580px;margin-bottom:54px}
    .poles-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
    .pole-card{height:300px;border-radius:8px;box-shadow:var(--shadow);background:linear-gradient(140deg,rgba(0,0,0,.98),rgba(0,0,0,.76)), linear-gradient(135deg,var(--blue),var(--black));padding:34px 38px;display:flex;flex-direction:column;justify-content:space-between;color:var(--white);overflow:hidden;position:relative}
    .pole-badge{align-self:flex-start;background:var(--blue);color:var(--white);border-radius:3px;padding:10px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
    .pole-card h3{font-size:31px;margin-bottom:8px}.pole-card p{font-size:15px;line-height:1.45;color:rgba(255,255,255,.82);max-width:640px}.pole-card a{display:inline-block;margin-top:22px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

    .methods .container{align-self:center}.methods h2{font-size:62px;max-width:740px;margin-bottom:100px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:82px}.step-num{font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;font-size:62px;font-weight:800;color:var(--white);line-height:.9;margin-bottom:42px;letter-spacing:.05em}.step-icon{width:54px;height:54px;border-radius:8px;background:rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:26px;margin-bottom:29px}.step h3{font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;font-size:24px;line-height:1.05;letter-spacing:-.02em;margin-bottom:20px;color:var(--white)}.step p{font-size:18px;line-height:1.58;color:rgba(255,255,255,.78)}

    .blog-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:stretch}.featured-card,.side-card,.blog-cta-card{border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.featured-card{background:var(--white)}.featured-image{height:300px;background:linear-gradient(140deg,#001018,#001f13)}.featured-content{padding:30px 34px}.article-kicker{display:block;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:15px;margin-bottom:17px}.featured-content h3,.side-card h3{font-family:'Poppins',sans-serif;letter-spacing:-.02em;line-height:1.28}.featured-content h3{font-size:24px;margin-bottom:10px}.featured-content p{font-size:20px;line-height:1.55;margin-bottom:10px;color:rgba(0,0,0,.86)}.blog-side{display:grid;grid-template-rows:1fr 1fr 142px;gap:24px}.side-card{background:var(--white);padding:28px 30px}.side-card h3{font-size:24px;font-weight:400;margin-bottom:24px}.blog-cta-card{background:var(--black);color:var(--white);padding:28px 30px;display:flex;flex-direction:column;justify-content:center}.blog-cta-card .cta-line{font-size:25px;line-height:1.25;margin-bottom:24px}.blog-cta-card .arrow{display:inline-block;font-size:40px;line-height:0;margin-left:18px}.blog-cta-card .tagline{font-size:24px;line-height:1.2;color:rgba(255,255,255,.92)}.date{font-size:17px;color:rgba(0,0,0,.78)}

    .cta{justify-content:center;text-align:center}.cta .container{max-width:720px}.cta h2{font-size:66px;color:var(--white);margin:22px 0 30px}.cta h2 em{font-weight:600;font-style:italic}.cta p{font-size:17px;color:rgba(255,255,255,.86);max-width:540px;margin:0 auto 50px}

    .footer{background:var(--black);color:var(--white);padding:70px 42px 28px}.footer-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:70px}.footer-logo{width:76px;height:76px;margin-bottom:25px}.footer-logo img{width:76px;height:76px;object-fit:contain}.footer p,.footer li,.footer a{font-size:13px;line-height:1.65;color:rgba(255,255,255,.72)}.footer h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.footer ul{list-style:none}.socials{display:flex;gap:16px;margin-top:24px}.socials a{width:44px;height:44px;border:2px solid var(--white);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--white);transition:color .2s ease,border-color .2s ease,transform .2s ease}.socials a:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.socials svg{width:25px;height:25px;fill:currentColor;stroke:currentColor}.footer-bottom{max-width:var(--container);margin:45px auto 0;display:flex;justify-content:space-between;font-size:17px;color:rgba(255,255,255,.72)}

    @media(max-width:900px){
      :root{--header-h:76px}.header-inner{grid-template-columns:1fr auto;padding:0 22px}.logo-symbol,.logo-symbol img{width:52px;height:52px}.nav,.header-cta{display:none}.burger{display:flex}.nav.open{display:flex;position:absolute;left:0;right:0;top:var(--header-h);background:var(--black);flex-direction:column;gap:24px;padding:32px}.section{min-height:auto;padding:120px 22px 70px}.hero{padding:0 22px}.hero h1{font-size:46px}.hero-strip{display:none}.about-grid,.blog-layout{grid-template-columns:1fr;gap:42px}.visual-placeholder{height:360px}.mini-cards,.poles-grid,.steps,.footer-grid{grid-template-columns:1fr}.blog-side{grid-template-rows:auto}.featured-image{height:240px}.about-copy h2,.poles h2,.blog h2,.methods h2,.cta h2{font-size:42px}.steps{gap:42px}.footer-bottom{flex-direction:column;gap:12px}.ticker-track{animation:none}
    }
  
.pole-card{
    position:relative;
}
.pole-card .full-card-link{
    position:absolute;
    inset:0;
    z-index:20;
    display:block;
    text-decoration:none;
    color:inherit;
    background:transparent;
}


.blog-clickable{
    text-decoration:none;
    color:inherit;
}
.featured-card.blog-clickable,
.side-card.blog-clickable{
    display:block;
}
.featured-card.blog-clickable{
    overflow:hidden;
}
.featured-card .featured-content h3{
    font-weight:800;
}
.side-card.blog-clickable h3{
    font-weight:400;
}


.blog-side .all-card{
    background:#000000 !important;
    color:#FFFFFF !important;
    border-radius:18px !important;
    padding:28px 34px !important;
    min-height:150px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    gap:22px 18px !important;
    text-decoration:none !important;
    box-shadow:0 20px 45px rgba(0,0,0,.12) !important;
}
.blog-side .all-card span{
    color:#FFFFFF !important;
    font-family:'Poppins',sans-serif !important;
    font-size:28px !important;
    font-weight:400 !important;
    line-height:1.15 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
}
.blog-side .all-card strong{
    color:#FFFFFF !important;
    font-size:42px !important;
    font-weight:700 !important;
    line-height:1 !important;
    justify-self:end !important;
}
.blog-side .all-card em{
    grid-column:1 / 3 !important;
    color:#FFFFFF !important;
    font-family:'Poppins',sans-serif !important;
    font-size:26px !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:1.2 !important;
}


/* Correction propre du bouton "Voir tous nos articles" */
.blog-side .all-card{
    background:#000000 !important;
    color:#FFFFFF !important;
    border-radius:18px !important;
    padding:24px 28px !important;
    min-height:128px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    column-gap:18px !important;
    row-gap:14px !important;
    text-decoration:none !important;
    overflow:hidden !important;
    box-shadow:0 20px 45px rgba(0,0,0,.12) !important;
}
.blog-side .all-card span{
    color:#FFFFFF !important;
    font-family:'Poppins',sans-serif !important;
    font-size:22px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    max-width:260px !important;
}
.blog-side .all-card strong{
    color:#FFFFFF !important;
    font-size:34px !important;
    font-weight:600 !important;
    line-height:1 !important;
    justify-self:end !important;
    align-self:start !important;
    margin-top:2px !important;
}
.blog-side .all-card em{
    grid-column:1 / 3 !important;
    color:#FFFFFF !important;
    font-family:'Poppins',sans-serif !important;
    font-size:18px !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:1.3 !important;
    max-width:320px !important;
}


.footer a,
.footer-bottom a,
footer a{
    color:inherit;
    text-decoration:none;
}
.footer a:hover,
.footer-bottom a:hover,
footer a:hover{
    color:#006DED;
}


.footer ul li a{
    color:inherit;
    text-decoration:none;
}
.footer ul li a:hover{
    color:#006DED;
}
.footer-bottom a{
    color:inherit;
    text-decoration:none;
}
.footer-bottom a:hover{
    color:#006DED;
}



/* ================================
   NOVARE — Animations premium d'entrée
   Ajout non destructif : conserve structure, emplacements et fonctions
================================ */
.reveal-ready{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  filter:blur(10px);
  transition:
    opacity .9s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1),
    filter .9s cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease;
  will-change:opacity,transform,filter;
}
.reveal-ready.reveal-in{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
.section .label.reveal-ready,
.hero h1.reveal-ready,
.hero p.reveal-ready,
.hero-actions.reveal-ready{
  transition-duration:.75s;
}

.pole-card.reveal-in,
.mini-card.reveal-in,
.featured-card.reveal-in,
.side-card.reveal-in,
.all-card.reveal-in{
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.pole-card,
.mini-card,
.featured-card,
.side-card,
.all-card,
.visual-placeholder{
  transition:transform .35s ease, box-shadow .35s ease, filter .35s ease;
}
.pole-card:hover,
.mini-card:hover,
.featured-card:hover,
.side-card:hover,
.all-card:hover,
.visual-placeholder:hover{
  transform:translateY(-7px);
  filter:saturate(1.05);
}
.pole-card::before,
.featured-card::before,
.side-card::before,
.all-card::before,
.mini-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 72%);
  transform:translateX(-120%);
  transition:opacity .45s ease, transform .8s cubic-bezier(.16,1,.3,1);
}
.pole-card:hover::before,
.featured-card:hover::before,
.side-card:hover::before,
.all-card:hover::before,
.mini-card:hover::before{
  opacity:1;
  transform:translateX(120%);
}
.mini-card,
.featured-card,
.side-card,
.all-card{position:relative;overflow:hidden}

.hero-content > *{animation:heroPremiumIn .95s cubic-bezier(.16,1,.3,1) both}
.hero-content h1{animation-delay:.12s}
.hero-content p{animation-delay:.24s}
.hero-actions{animation-delay:.36s}
@keyframes heroPremiumIn{
  from{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(10px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

@media (prefers-reduced-motion: reduce){
  .reveal-ready,
  .hero-content > *,
  .ticker-track{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
  }
}


.footer,
.footer *,
.footer-grid,
.footer-bottom{
    animation:none !important;
    transform:none !important;
    transition:none !important;
    opacity:1 !important;
}


/* === FOOTER ORIGINAL + NO REVEAL === */
.footer{background:var(--black);color:var(--white);padding:70px 42px 28px}.footer-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:70px}.footer-logo{width:76px;height:76px;margin-bottom:25px}.footer-logo img{width:76px;height:76px;object-fit:contain}.footer p,.footer li,.footer a{font-size:13px;line-height:1.65;color:rgba(255,255,255,.72)}.footer h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.footer ul{list-style:none}.socials{display:flex;gap:16px;margin-top:24px}.socials a{width:44px;height:44px;border:2px solid var(--white);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--white);transition:color .2s ease,border-color .2s ease,transform .2s ease}.socials a:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.socials svg{width:25px;height:25px;fill:currentColor;stroke:currentColor}.footer-bottom{max-width:var(--container);margin:45px auto 0;display:flex;justify-content:space-between;font-size:17px;color:rgba(255,255,255,.72)}

.footer,
.footer *,
.footer-grid,
.footer-bottom{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
}

.footer{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  overflow:hidden !important;
}

.footer .reveal,
.footer .animate-in{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
}


    .cta .cta-reassurance{
      margin:10px auto 34px;
      font-size:13px;
      line-height:1.4;
      font-weight:500;
      letter-spacing:.04em;
      color:rgba(255,255,255,.86);
      opacity:.9;
    }


/* === FIX PHOTO À PROPOS — image intégrée, pas de chargement externe === */
.visual-placeholder{
  height:500px !important;
  border-radius:12px !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
  display:block !important;
  background-image:url("../../../04_MEDIA/images/novare-developpement-commercial-reunion-business.webp") !important;
  background-size:contain !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#f5f5f5 !important;
  color:transparent !important;
  font-size:0 !important;
}
.visual-placeholder::before,
.visual-placeholder::after{
  display:none !important;
  content:none !important;
}
@media(max-width:900px){
  .visual-placeholder{
    height:360px !important;
    background-position:center top !important;
  }
}


/* === PHOTO STYLE PREMIUM === */
.visual-placeholder{
  height:680px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
  box-shadow:0 20px 60px rgba(0,0,0,.08) !important;
  margin-right:20px !important;
}
.about-grid{
  align-items:center !important;
  gap:90px !important;
}
@media(max-width:900px){
  .visual-placeholder{
    height:500px !important;
    border-radius:24px !important;
  }
}


/* === FIX CADRE PHOTO PROPORTION === */
.about-grid{
  grid-template-columns:38% 62% !important;
  gap:70px !important;
  align-items:center !important;
}

.visual-placeholder{
  width:100% !important;
  max-width:520px !important;
  height:760px !important;
  margin:0 auto !important;
  border-radius:34px !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
  overflow:hidden !important;
  box-shadow:0 20px 60px rgba(0,0,0,.08) !important;
}

@media(max-width:900px){
  .about-grid{
    grid-template-columns:1fr !important;
  }

  .visual-placeholder{
    max-width:100% !important;
    margin:0 !important;
    height:520px !important;
  }
}


/* === PROPORTION NATURELLE PHOTO === */
.about-grid{
  grid-template-columns:34% 66% !important;
  gap:70px !important;
  align-items:center !important;
}

.visual-placeholder{
  width:100% !important;
  max-width:430px !important;
  aspect-ratio:1024 / 1536 !important;
  height:auto !important;
  min-height:645px !important;
  border-radius:26px !important;
  margin:0 auto !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
  overflow:hidden !important;
  box-shadow:0 20px 60px rgba(0,0,0,.06) !important;
}

@media(max-width:900px){
  .about-grid{
    grid-template-columns:1fr !important;
  }

  .visual-placeholder{
    max-width:320px !important;
    min-height:480px !important;
  }
}


/* === IMAGES DES PÔLES — intégrées dans le HTML === */
.poles-grid .pole-card{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}

.poles-grid .pole-card:nth-child(1){
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.46)),
    url("../../../04_MEDIA/images/novare-agence-digitale-collaboration-equipe.webp") !important;
}

.poles-grid .pole-card:nth-child(2){
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.46)),
    url("../../../04_MEDIA/images/novare-equipe-agence-communication.webp") !important;
}

.poles-grid .pole-card:nth-child(3){
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.46)),
    url("../../../04_MEDIA/images/novare-equipe-agence-communication.webp") !important;
}

.poles-grid .pole-card:nth-child(4){
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.46)),
    url("../../../04_MEDIA/images/novare-shape-arrow-purple.webp") !important;
}

.pole-badge{
  position:relative !important;
  z-index:2 !important;
}

.pole-card h3,
.pole-card p,
.pole-card a{
  position:relative !important;
  z-index:2 !important;
}


/* === FIX CLIQUABLE DES PÔLES === */
.pole-card{
  position:relative !important;
}

.pole-card::before{
  pointer-events:none !important;
}

.pole-card *{
  position:relative;
  z-index:2;
}

.pole-card .full-card-link{
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  display:block !important;
  cursor:pointer !important;
  background:transparent !important;
}





/* === V3 corrections : plus clair + maillage interne visible === */
.about-section{
  background:#FFFFFF;
}

.about-section.black{
  min-height:86vh;
}

.about-hero{
  background:#FFFFFF;
}

.about-hero::before{
  background:
    radial-gradient(ellipse at 82% 20%, rgba(0,109,237,.20), transparent 30%),
    radial-gradient(ellipse at 18% 82%, rgba(0,0,0,.06), transparent 34%),
    linear-gradient(135deg, #FFFFFF, #FFFFFF 52%, #F6F7F9);
}



.about-hero,
.about-hero .about-kicker.light,
.about-hero h1,
.about-hero .about-hero-intro{
  color:#000000;
}

.about-hero .about-kicker.light{
  color:#006DED;
  opacity:1;
}

.about-hero .about-hero-intro{
  color:rgba(0,0,0,.68);
}

.about-manifesto-panel{
  border-left:1px solid rgba(0,0,0,.16);
}

.about-manifesto-panel strong{
  color:#000000;
}

.about-manifesto-panel p{
  color:rgba(0,0,0,.62);
}

.about-hero .btn-transparent{
  color:#000000;
  border-color:#000000;
}

.about-hero .btn-transparent:hover{
  color:#006DED;
  border-color:transparent;
  box-shadow:0 0 0 8px rgba(0,109,237,.12),0 12px 32px rgba(0,109,237,.18);
}

.about-scroll-note{
  color:rgba(0,0,0,.42);
}

.about-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.about-inline-actions a{
  border-radius:999px;
  min-height:42px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:'Poppins',sans-serif;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.095em;
  text-transform:uppercase;
  color:#FFFFFF;
  background:#006DED;
  border:2px solid transparent;
  transition:transform .35s cubic-bezier(.22,1,.36,1), background .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.about-inline-actions a:hover{
  transform:translateY(-3px);
  background:#FFFFFF;
  color:#006DED;
  border-color:#006DED;
  box-shadow:0 0 0 8px rgba(0,109,237,.14),0 12px 28px rgba(0,109,237,.24);
}

.about-inline-actions.dark a{
  background:#000000;
  color:#FFFFFF;
}

.about-inline-actions.dark a:hover{
  background:#FFFFFF;
  color:#000000;
  border-color:#000000;
  box-shadow:0 0 0 8px rgba(0,0,0,.10),0 12px 28px rgba(0,0,0,.18);
}

.about-inline-actions.light a{
  background:transparent;
  color:#FFFFFF;
  border-color:#FFFFFF;
}

.about-inline-actions.light a:hover{
  background:#FFFFFF;
  color:#006DED;
  border-color:transparent;
  box-shadow:0 0 0 8px rgba(255,255,255,.20),0 12px 28px rgba(255,255,255,.16);
}

.about-culture h2,
.about-culture p{
  color:#000000;
}

.about-culture p{
  color:rgba(0,0,0,.70);
}

.about-culture-note{
  border-left:1px solid #006DED;
  display:flex;
  flex-direction:column;
  gap:24px;
}

.about-culture-note p{
  color:rgba(0,0,0,.66);
  margin-bottom:0;
}

.culture-links{
  margin-top:34px;
}

.about-section.blue-field{
  min-height:88vh;
}

@media(max-width:900px){
  .about-inline-actions{
    align-items:stretch;
  }
  .about-inline-actions a{
    width:100%;
  }
}


/* =========================================================
   NOVΛRE — PAGE À PROPOS V2
   Même header/footer que la homepage, nouvel environnement.
========================================================= */

.about-page{
  background:#FFFFFF;
  color:#000000;
}

.about-hero{
  min-height:100vh;
  background:#000000;
  color:#FFFFFF;
  position:relative;
  overflow:hidden;
  padding:0 42px;
  display:flex;
  align-items:center;
}

.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 84% 25%, rgba(0,109,237,.45), transparent 30%),
    radial-gradient(ellipse at 20% 85%, rgba(255,255,255,.08), transparent 35%),
    linear-gradient(135deg, rgba(0,0,0,1), rgba(0,0,0,.84));
  z-index:0;
}



.about-container{
  width:100%;
  max-width:1248px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

.about-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:86px;
  align-items:end;
  padding-top:92px;
}

.about-kicker{
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#006DED;
  margin-bottom:34px;
}

.about-kicker.light{
  color:#FFFFFF;
  opacity:.76;
}

.about-hero h1{
  font-size:82px;
  max-width:770px;
  margin-bottom:34px;
}

.about-hero-intro{
  max-width:560px;
  color:rgba(255,255,255,.82);
  font-size:17px;
  line-height:1.72;
}

.about-manifesto-panel{
  border-left:1px solid rgba(255,255,255,.22);
  padding-left:38px;
  padding-bottom:8px;
}

.about-manifesto-panel p{
  color:rgba(255,255,255,.68);
  font-size:15px;
  line-height:1.76;
  margin-bottom:28px;
}

.about-manifesto-panel strong{
  display:block;
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.035em;
  color:#FFFFFF;
  margin-bottom:28px;
}

.about-scroll-note{
  position:absolute;
  left:42px;
  bottom:32px;
  z-index:3;
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.about-section{
  min-height:100vh;
  padding:calc(92px + 70px) 42px 82px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:#FFFFFF;
}

.about-section.black{
  background:#000000;
  color:#FFFFFF;
}

.about-section.blue-field{
  background:#006DED;
  color:#FFFFFF;
}

.about-editorial{
  max-width:930px;
}

.about-editorial.center{
  margin:0 auto;
  text-align:center;
}

.about-editorial h2{
  font-size:68px;
  margin-bottom:36px;
}

.about-editorial p{
  max-width:720px;
  color:rgba(0,0,0,.68);
  margin-bottom:24px;
}

.black .about-editorial p,
.blue-field .about-editorial p{
  color:rgba(255,255,255,.80);
}

.about-quote{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:86px;
  align-items:center;
}

.about-quote-mark{
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:168px;
  line-height:.72;
  color:#006DED;
  letter-spacing:-.08em;
}

.about-quote h2{
  font-size:70px;
  margin-bottom:34px;
}

.about-quote p{
  color:rgba(255,255,255,.78);
  max-width:660px;
}

.about-lines{
  margin-top:62px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(0,0,0,.12);
  border-bottom:1px solid rgba(0,0,0,.12);
}

.about-line-item{
  min-height:290px;
  padding:34px 30px;
  border-right:1px solid rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:background .35s ease, color .35s ease, transform .35s ease;
}

.about-line-item:last-child{
  border-right:0;
}

.about-line-item span{
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:54px;
  font-weight:800;
  line-height:.9;
  color:#006DED;
}

.about-line-item h3{
  font-size:28px;
  line-height:1.02;
  letter-spacing:-.03em;
}

.about-line-item p{
  font-size:14px;
  line-height:1.58;
  color:rgba(0,0,0,.62);
}

.about-line-item:hover{
  background:#000000;
  color:#FFFFFF;
  transform:translateY(-6px);
}

.about-line-item:hover p{
  color:rgba(255,255,255,.74);
}

.about-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:center;
}

.about-signature{
  min-height:560px;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
  background:
    linear-gradient(145deg, rgba(0,0,0,.88), rgba(0,0,0,.48)),
    radial-gradient(ellipse at 70% 20%, rgba(0,109,237,.72), transparent 30%),
    #000000;
  color:#FFFFFF;
  position:relative;
  overflow:hidden;
  padding:44px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.about-signature::before{
  content:"";
  position:absolute;
  inset:30px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
}

.about-signature::after{
  content:"Λ";
  position:absolute;
  top:24px;
  right:-1720px;
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:180px;
  line-height:.8;
  color:rgba(255,255,255,.08);
}

.about-signature h3,
.about-signature p{
  position:relative;
  z-index:1;
}

.about-signature h3{
  font-size:44px;
  max-width:420px;
  margin-bottom:24px;
}

.about-signature p{
  max-width:420px;
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,.75);
}

.about-principles{
  display:grid;
  grid-template-columns:1fr;
  gap:26px;
  margin-top:44px;
}

.about-principle{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:36px;
  align-items:start;
  padding:0 0 26px;
  border-bottom:1px solid rgba(0,0,0,.12);
}

.about-principle strong{
  color:#006DED;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.about-principle p{
  font-size:19px;
  line-height:1.62;
  color:rgba(0,0,0,.74);
  max-width:760px;
}

.about-culture{
  max-width:880px;
}

.about-culture h2{
  font-size:76px;
  margin-bottom:38px;
}

.about-culture p{
  color:rgba(255,255,255,.78);
  max-width:720px;
  margin-bottom:24px;
}

.about-culture-note{
  margin-top:52px;
  border-left:1px solid #006DED;
  padding-left:34px;
  max-width:600px;
}

.about-culture-note p{
  font-size:15px;
  color:rgba(255,255,255,.66);
}

.about-final{
  text-align:center;
}

.about-final h2{
  font-size:76px;
  max-width:860px;
  margin:0 auto 34px;
}

.about-final p{
  max-width:610px;
  margin:0 auto 44px;
  color:rgba(255,255,255,.82);
}

.about-final-actions{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.about-reveal{
  opacity:0;
  transform:translate3d(0,34px,0);
  filter:blur(8px);
  transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1), filter .85s cubic-bezier(.16,1,.3,1);
}

.about-reveal.in{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}

@media(max-width:1000px){
  .about-hero-grid,
  .about-quote,
  .about-split{
    grid-template-columns:1fr;
    gap:52px;
  }

  .about-lines{
    grid-template-columns:1fr 1fr;
  }

  .about-line-item:nth-child(2){
    border-right:0;
  }

  .about-hero h1,
  .about-editorial h2,
  .about-quote h2,
  .about-culture h2,
  .about-final h2{
    font-size:54px;
  }
}

@media(max-width:900px){
  .about-hero{
    min-height:auto;
    padding:0 22px 80px;
  }

  .about-hero-grid{
    padding-top:140px;
  }

  .about-section{
    min-height:auto;
    padding:120px 22px 76px;
  }

  .about-hero h1,
  .about-editorial h2,
  .about-quote h2,
  .about-culture h2,
  .about-final h2{
    font-size:44px;
  }

  .about-manifesto-panel{
    padding-left:24px;
  }

  .about-scroll-note{
    display:none;
  }

  .about-lines{
    grid-template-columns:1fr;
  }

  .about-line-item{
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.12);
    min-height:230px;
  }

  .about-line-item:last-child{
    border-bottom:0;
  }

  .about-principle{
    grid-template-columns:1fr;
    gap:14px;
  }

  .about-signature{
    min-height:430px;
    padding:32px;
  }

  .about-final-actions{
    flex-direction:column;
    align-items:stretch;
  }
}

@media(max-width:520px){
  .about-hero h1,
  .about-editorial h2,
  .about-quote h2,
  .about-culture h2,
  .about-final h2{
    font-size:38px;
  }

  .about-hero-intro,
  .about-principle p{
    font-size:16px;
  }

  .about-quote-mark{
    font-size:112px;
  }
}

  
/* === HERO ABOUT — correction point par point === */
.about-hero{
  background:#FFFFFF !important;
  color:#000000 !important;
  min-height:100vh !important;
}

.about-hero::before{
  background:
    radial-gradient(ellipse at 78% 22%, rgba(0,109,237,.16), transparent 32%),
    radial-gradient(ellipse at 18% 78%, rgba(0,0,0,.035), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 58%, #F6F7F9 100%) !important;
}



.about-hero-grid{
  grid-template-columns:1fr !important;
  max-width:980px !important;
  gap:0 !important;
  align-items:center !important;
  padding-top:92px !important;
}

.about-hero h1{
  color:#000000 !important;
  font-size:82px !important;
  max-width:850px !important;
  margin-bottom:28px !important;
}

.about-hero-intro{
  color:rgba(0,0,0,.66) !important;
  max-width:620px !important;
  font-size:17px !important;
  line-height:1.68 !important;
}

.about-hero .about-kicker.light{
  color:#006DED !important;
  opacity:1 !important;
  margin-bottom:30px !important;
}

.about-manifesto-panel{
  display:none !important;
}

.about-inline-actions{
  margin-top:34px !important;
}

.about-hero .about-inline-actions a:nth-child(n+2){
  display:none !important;
}

.about-hero .about-inline-actions a{
  background:#006DED !important;
  color:#FFFFFF !important;
  border-color:transparent !important;
}

.about-hero .about-inline-actions a:hover{
  background:#FFFFFF !important;
  color:#006DED !important;
  border-color:#006DED !important;
  box-shadow:0 0 0 8px rgba(0,109,237,.14),0 12px 28px rgba(0,109,237,.24) !important;
}

.about-scroll-note{
  color:rgba(0,0,0,.38) !important;
}

@media(max-width:900px){
  .about-hero-grid{
    padding-top:140px !important;
  }
  .about-hero h1{
    font-size:48px !important;
  }
  
}

@media(max-width:520px){
  .about-hero h1{
    font-size:40px !important;
  }
}


/* === HERO ABOUT — correction lisibilité header + NOVΛRE visible === */
.about-hero{
  background:#FFFFFF !important;
  color:#000000 !important;
  min-height:100vh !important;
  position:relative !important;
}

.about-hero::before{
  background:
    linear-gradient(180deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.64) 9%, rgba(0,0,0,0) 24%),
    radial-gradient(ellipse at 82% 20%, rgba(0,109,237,.24), transparent 34%),
    radial-gradient(ellipse at 22% 76%, rgba(0,0,0,.055), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 50%, #F3F7FF 100%) !important;
}



.about-hero-grid{
  grid-template-columns:1fr !important;
  max-width:980px !important;
  gap:0 !important;
  align-items:center !important;
  padding-top:92px !important;
}

.about-hero h1{
  color:#000000 !important;
  font-size:82px !important;
  max-width:850px !important;
  margin-bottom:28px !important;
}

.about-hero-intro{
  color:rgba(0,0,0,.66) !important;
  max-width:620px !important;
  font-size:17px !important;
  line-height:1.68 !important;
}

.about-hero .about-kicker.light{
  color:#006DED !important;
  opacity:1 !important;
  margin-bottom:30px !important;
}

.about-manifesto-panel{
  display:none !important;
}

.about-hero .about-inline-actions{
  display:none !important;
}

.about-scroll-note{
  display:none !important;
}

.site-header:not(.scrolled)::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.86), rgba(0,0,0,0));
  pointer-events:none;
  z-index:-1;
}

@media(max-width:900px){
  .about-hero-grid{
    padding-top:140px !important;
  }
  .about-hero h1{
    font-size:48px !important;
  }
  
}

@media(max-width:520px){
  .about-hero h1{
    font-size:40px !important;
  }
  
}


/* === HERO ABOUT — ajustement texte + NOVΛRE bleu signature === */


.about-hero-grid{
  transform:translateY(-58px) !important;
}

@media(max-width:900px){
  .about-hero-grid{
    transform:translateY(-28px) !important;
  }
  
}

@media(max-width:520px){
  .about-hero-grid{
    transform:translateY(-18px) !important;
  }
  
}


.about-hero::after{
  content:"";
  position:absolute;
  right:-1vw;
  bottom:4vh;

  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:15vw;
  line-height:.8;
  letter-spacing:-.09em;

  color:#006DED !important;
  opacity:1 !important;

  z-index:1;
  pointer-events:none;
}


/* === Ajustement position texte hero === */
.about-container{
  max-width:1380px !important;
}

.about-hero-grid{
  padding-left:40px !important;
}

@media(max-width:900px){
  .about-hero-grid{
    padding-left:0 !important;
  }
}


/* === HERO ABOUT — fond sobre, design, premium === */
.about-hero::before{
  background:
    linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.76) 8%, rgba(0,0,0,.20) 18%, rgba(0,0,0,0) 32%),
    radial-gradient(ellipse at 74% 23%, rgba(0,109,237,.26), rgba(0,109,237,.10) 22%, transparent 48%),
    radial-gradient(ellipse at 30% 46%, rgba(255,255,255,.88), rgba(255,255,255,.42) 28%, transparent 58%),
    radial-gradient(ellipse at 18% 78%, rgba(0,0,0,.055), transparent 36%),
    linear-gradient(125deg, #FFFFFF 0%, #FBFCFF 44%, #F1F6FF 100%) !important;
}

.about-hero::after{
  color:#006DED !important;
  opacity:1 !important;
}

.about-hero{
  isolation:isolate;
}

.about-hero .about-container{
  position:relative;
  z-index:3;
}

.about-hero::selection{
  background:#006DED;
  color:#FFFFFF;
}

/* voile très léger pour donner une profondeur sans charger le design */
.about-hero .about-container::before{
  content:"";
  position:absolute;
  left:-110px;
  top:34%;
  width:520px;
  height:520px;
  background:radial-gradient(circle, rgba(0,0,0,.045), transparent 62%);
  filter:blur(8px);
  z-index:-1;
  pointer-events:none;
}

/* détail architectural discret */
.about-hero .about-container::after{
  content:"";
  position:absolute;
  right:7%;
  top:28%;
  width:1px;
  height:280px;
  background:linear-gradient(180deg, transparent, rgba(0,109,237,.26), transparent);
  z-index:-1;
  pointer-events:none;
}

@media(max-width:900px){
  .about-hero::before{
    background:
      linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.70) 10%, rgba(0,0,0,0) 30%),
      radial-gradient(ellipse at 78% 22%, rgba(0,109,237,.22), transparent 44%),
      linear-gradient(135deg, #FFFFFF 0%, #F4F8FF 100%) !important;
  }

  .about-hero .about-container::before,
  .about-hero .about-container::after{
    display:none;
  }
}


@media(max-width:900px){
  .about-hero::before{
    background:
      linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.72) 10%, rgba(0,0,0,0) 32%),
      radial-gradient(ellipse at 80% 18%, rgba(0,109,237,.22), transparent 46%),
      linear-gradient(135deg, #FFFFFF 0%, #F1F7FF 100%) !important;
  }

  .about-hero .about-container::before,
  .about-hero .about-container::after,
  .about-hero-grid::before,
  .about-hero-grid::after,
  .about-hero .about-reveal:first-child::before{
    display:none !important;
  }
}


/* === HERO ABOUT — fond blanc simple === */
.about-hero{
  background:#FFFFFF !important;
}

.about-hero::before{
  background:#FFFFFF !important;
}

.about-hero-grid::before,
.about-hero-grid::after,
.about-hero .about-container::before,
.about-hero .about-container::after,
.about-hero .about-reveal:first-child::before{
  display:none !important;
}


/* === HEADER noir spécifique page À propos === */
.site-header{
  background:#000000 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.site-header::before{
  display:none !important;
}


/* === Animation NOVΛRE lettre par lettre === */
.hero-novare-animated{
  position:absolute;
  right:-1vw;
  bottom:4vh;
  display:flex;
  gap:0;

  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:15vw;
  line-height:.8;
  letter-spacing:-.09em;

  color:#006DED;

  z-index:1;
  pointer-events:none;
  overflow:hidden;
}

.hero-novare-animated span{
  display:inline-block;
  transform:translateX(220px);
  opacity:0;
  animation:novareLetterIn 1.1s cubic-bezier(.22,1,.36,1) forwards;
}

.hero-novare-animated span:nth-child(1){ animation-delay:.05s; }
.hero-novare-animated span:nth-child(2){ animation-delay:.14s; }
.hero-novare-animated span:nth-child(3){ animation-delay:.23s; }
.hero-novare-animated span:nth-child(4){ animation-delay:.32s; }
.hero-novare-animated span:nth-child(5){ animation-delay:.41s; }
.hero-novare-animated span:nth-child(6){ animation-delay:.50s; }

@keyframes novareLetterIn{
  0%{
    transform:translateX(220px);
    opacity:0;
    filter:blur(12px);
  }
  100%{
    transform:translateX(0);
    opacity:1;
    filter:blur(0);
  }
}

@media(max-width:900px){
  .hero-novare-animated{
    font-size:25vw;
    bottom:5vh;
    right:-4vw;
  }
}

@media(max-width:520px){
  .hero-novare-animated{
    font-size:31vw;
  }
}


/* === Boutons des 4 pôles — section vision === */
.poles-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  align-items:center !important;
}

.poles-actions a{
  background:#000000 !important;
  color:#FFFFFF !important;
  border-color:transparent !important;
}

.poles-actions a:hover{
  background:#FFFFFF !important;
  color:#000000 !important;
  border-color:#000000 !important;
  box-shadow:0 0 0 8px rgba(0,0,0,.10),0 12px 28px rgba(0,0,0,.18) !important;
}

@media(max-width:900px){
  .poles-actions a{
    width:100% !important;
  }
}


/* === Alignement des boutons pôles === */
.poles-actions{
  display:grid !important;
  grid-template-columns:repeat(4, auto) !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:18px !important;
}

.poles-actions a{
  white-space:nowrap !important;
}

@media(max-width:1200px){
  .poles-actions{
    grid-template-columns:repeat(2, auto) !important;
  }
}

@media(max-width:700px){
  .poles-actions{
    grid-template-columns:1fr !important;
  }

  .poles-actions a{
    width:100% !important;
  }
}


/* === Section manière NOVΛRE — alignement uniforme === */
#maniere .about-split{
  align-items:stretch !important;
}

#maniere .about-signature{
  height:100% !important;
  min-height:auto !important;
}

#maniere .about-reveal:last-child{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

#maniere .about-principles{
  margin-top:44px !important;
}

@media(max-width:900px){
  #maniere .about-signature{
    min-height:420px !important;
  }
}


/* === Culture V2 — recrutement premium, clair et orienté confiance === */
.culture-v2{
  background:#FFFFFF !important;
  color:#000000 !important;
}

.culture-v2-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:86px;
  align-items:center;
}

.culture-v2-copy h2{
  font-size:66px;
  max-width:760px;
  margin-bottom:34px;
}

.culture-v2-copy p{
  max-width:700px;
  color:rgba(0,0,0,.70);
  margin-bottom:24px;
}

.culture-v2-main-cta{
  margin-top:18px;
}

.culture-v2-panel{
  border-radius:22px;
  background:#000000;
  color:#FFFFFF;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
  padding:38px;
  display:grid;
  gap:0;
}

.culture-v2-item{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:24px;
  padding:28px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.culture-v2-item:first-child{
  padding-top:0;
}

.culture-v2-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.culture-v2-item span{
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:48px;
  line-height:.9;
  font-weight:800;
  color:#006DED;
}

.culture-v2-item strong{
  display:block;
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.culture-v2-item p{
  grid-column:2;
  font-size:15px;
  line-height:1.62;
  color:rgba(255,255,255,.74);
  margin:0;
}

#suite .about-final p,
#suite .about-final-actions{
  display:none !important;
}

#suite.about-section{
  min-height:72vh;
}

@media(max-width:1000px){
  .culture-v2-grid{
    grid-template-columns:1fr;
    gap:48px;
  }

  .culture-v2-copy h2{
    font-size:48px;
  }
}

@media(max-width:600px){
  .culture-v2-copy h2{
    font-size:38px;
  }

  .culture-v2-panel{
    padding:28px;
  }

  .culture-v2-item{
    grid-template-columns:1fr;
    gap:12px;
  }

  .culture-v2-item p{
    grid-column:1;
  }
}



/* =========================================================
   NOVΛRE — Mode sans animations/effets
   Conservés : boutons, header, navigation, burger, footer.
   ========================================================= */

/* Neutralisation globale des animations et effets hors zones autorisées */
body :not(.site-header):not(.site-header *):not(.btn):not(.btn *):not(.about-inline-actions):not(.about-inline-actions *):not(.footer):not(.footer *):not(footer):not(footer *) {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
  scroll-behavior: auto !important;
}

body :not(.site-header):not(.site-header *):not(.btn):not(.btn *):not(.about-inline-actions):not(.about-inline-actions *):not(.footer):not(.footer *):not(footer):not(footer *)::before,
body :not(.site-header):not(.site-header *):not(.btn):not(.btn *):not(.about-inline-actions):not(.about-inline-actions *):not(.footer):not(.footer *):not(footer):not(footer *)::after {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

/* Suppression spécifique des reveals / tickers / animations héros */
.reveal-ready,
.reveal-in,
.about-reveal,
.about-reveal.in,
.hero-content > *,
.ticker-track {
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

/* Suppression des effets hover des cartes/blocs */
.pole-card:hover,
.mini-card:hover,
.featured-card:hover,
.side-card:hover,
.all-card:hover,
.visual-placeholder:hover,
.about-line-item:hover {
  transform: none !important;
  filter: none !important;
}

/* Pas de bandeau animé */
.ticker-track {
  animation: none !important;
}



/* =========================================================
   Correctif page À propos — grand NOVARE hero sans animation
   ========================================================= */
.hero-word,
.hero-novare,
.about-hero-word,
.about-novare,
.big-novare,
.novare-word {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  transform: translateX(-90px) !important;
  filter: none !important;
  will-change: auto !important;
  color: var(--blue) !important;
  pointer-events: none;
}

.hero-word img,
.hero-novare img,
.about-hero-word img,
.about-novare img,
.big-novare img,
.novare-word img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

/* Cible robuste si le grand mot est un élément absolu dans le hero */
.hero [class*="novare"],
.hero [class*="word"] {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
}






/* =========================================================
   A PROPOS — placement final hero
   Objectif : texte plus haut + NOVARE visible en entier
   ========================================================= */
body .hero{
  position: relative !important;
  overflow: hidden !important;
  align-items: flex-start !important;
  min-height: 100vh !important;
  padding-top: 125px !important;
}

body .hero .hero-content{
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
}

body .hero .label{
  margin-bottom: 26px !important;
}

body .hero h1{
  margin-bottom: 26px !important;
}

body .hero p{
  margin-bottom: 0 !important;
}

body .hero .about-novare-fixed{
  position: absolute !important;
  right: 120px !important;
  bottom: 42px !important;
  z-index: 1 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-family: 'Source Serif 4','Source Serif Pro',Georgia,serif !important;
  font-size: clamp(92px, 13.2vw, 205px) !important;
  font-weight: 700 !important;
  line-height: .78 !important;
  letter-spacing: -.075em !important;
  color: #006DED !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

@media(max-width:900px){
  body .hero{
    padding-top: 105px !important;
  }

  body .hero .about-novare-fixed{
    right: 18px !important;
    bottom: 42px !important;
    font-size: clamp(58px, 17vw, 104px) !important;
  }
}



/* =========================================================
   CORRECTION FINALE — HERO PAGE À PROPOS
   Texte réellement remonté + NOVARE visible en entier
   ========================================================= */

/* Le hero n'est plus centré verticalement : le contenu part du haut */
body section.about-hero{
  display:block !important;
  align-items:initial !important;
  justify-content:initial !important;
  min-height:100vh !important;
  padding:145px 42px 0 42px !important;
  position:relative !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
  color:#000000 !important;
}

/* Le conteneur texte ne doit plus avoir de padding vertical interne */
body section.about-hero .about-hero-grid{
  display:block !important;
  grid-template-columns:1fr !important;
  align-items:start !important;
  gap:0 !important;
  max-width:980px !important;
  padding-top:0 !important;
  margin:0 0 0 40px !important;
  position:relative !important;
  z-index:3 !important;
}

/* On force le bloc texte à être visible immédiatement, sans reveal */
body section.about-hero .about-reveal{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
}

/* On garde uniquement le texte principal visible dans le hero */
body section.about-hero .about-manifesto-panel,
body section.about-hero .about-inline-actions,
body section.about-hero .about-scroll-note{
  display:none !important;
}

body section.about-hero .about-kicker{
  margin-bottom:26px !important;
}

body section.about-hero h1{
  margin-bottom:28px !important;
  max-width:880px !important;
}

body section.about-hero .about-hero-intro{
  max-width:610px !important;
  margin:0 !important;
}

/* Désactive l'ancien NOVARE animé s'il existe */
body section.about-hero .hero-novare-animated{
  display:none !important;
}

/* Nouveau NOVARE propre, statique, visible en entier */
body section.about-hero .about-novare-fixed{
  position:absolute !important;
  right:25px !important;
  bottom:40px !important;
  z-index:1 !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif !important;
  font-size:clamp(118px, 15.8vw, 255px) !important;
  font-weight:700 !important;
  line-height:.78 !important;
  letter-spacing:-.075em !important;
  color:#006DED !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
  will-change:auto !important;
}

/* Responsive */
@media(max-width:900px){
  body section.about-hero{
    min-height:100vh !important;
    padding:120px 22px 0 22px !important;
  }

  body section.about-hero .about-hero-grid{
    max-width:100% !important;
    margin:0 !important;
  }

  body section.about-hero .about-novare-fixed{
    right:18px !important;
    bottom:45px !important;
    font-size:clamp(72px, 20vw, 132px) !important;
  }
}


/* =========================================================
   NOVARE — état initial animation lettre par lettre
   Les lettres sont hors écran à droite avant le JS.
   Le mouvement réel est piloté en JS par requestAnimationFrame.
   ========================================================= */
body section.about-hero .about-novare-fixed.about-novare-letter-anim{
  display:inline-flex !important;
  align-items:flex-end !important;
  gap:0 !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
}

body section.about-hero .about-novare-fixed.about-novare-letter-anim span{
  display:inline-block !important;
  opacity:1 !important;
  transform:translate3d(120vw,0,0) !important;
  animation:none !important;
  transition:none !important;
  will-change:transform, opacity !important;
}

body section.about-hero .about-novare-fixed.about-novare-letter-anim.is-complete span{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
  will-change:auto !important;
}


/* === Présence Hauts-de-France — bloc premium SEO local === */
.about-regions{
  background:#FFFFFF;
  color:#000000;
  min-height:100vh;
  padding:118px 42px 104px;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.regions-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .98fr) minmax(420px, .82fr);
  gap:58px;
  align-items:stretch;
  padding:34px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:38px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,109,237,.10), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 48%, rgba(0,109,237,.035) 100%);
  box-shadow:0 28px 90px rgba(0,0,0,.08);
}

.regions-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.045);
  pointer-events:none;
}

.regions-copy{
  position:relative;
  z-index:2;
  align-self:center;
  padding:22px 0 22px 18px;
}

.regions-copy h2{
  font-size:clamp(42px, 5vw, 72px);
  line-height:.94;
  letter-spacing:-.058em;
  max-width:790px;
  margin:0 0 30px;
}

.regions-copy p{
  max-width:690px;
  color:rgba(0,0,0,.70);
  margin-bottom:20px;
}

.regions-proof-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:36px;
  max-width:650px;
}

.regions-proof-row div{
  min-height:116px;
  padding:22px 18px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 42px rgba(0,0,0,.045);
}

.regions-proof-row strong{
  display:block;
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
  color:#006DED;
  margin-bottom:12px;
}

.regions-proof-row span{
  display:block;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(0,0,0,.66);
}

.regions-map-card{
  position:relative;
  z-index:2;
  border-radius:30px;
  background:#000000;
  color:#FFFFFF;
  min-height:610px;
  padding:30px;
  box-shadow:0 30px 92px rgba(0,0,0,.22);
  overflow:hidden;
}

.regions-map-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 16%, rgba(0,109,237,.56), transparent 27%),
    radial-gradient(circle at 86% 78%, rgba(0,109,237,.34), transparent 31%),
    linear-gradient(135deg, rgba(255,255,255,.10), transparent 44%);
  pointer-events:none;
}

.regions-map-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -34% -20%;
  height:52%;
  background:radial-gradient(ellipse at center, rgba(0,109,237,.26), transparent 62%);
  pointer-events:none;
}

.regions-map-header{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:22px;
}

.regions-map-header span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}

.regions-map-header strong{
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:30px;
  letter-spacing:-.04em;
  color:#FFFFFF;
}

.regions-map{
  position:relative;
  z-index:2;
  min-height:360px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
    radial-gradient(circle at 48% 46%, rgba(0,109,237,.18), transparent 46%);
  background-size:40px 40px, 40px 40px, auto;
  overflow:hidden;
}

.map-shape{
  position:absolute;
  border:1px solid rgba(0,109,237,.78);
  background:rgba(0,109,237,.075);
  box-shadow:0 0 80px rgba(0,109,237,.18);
}

.shape-one{
  left:18%;
  top:12%;
  width:63%;
  height:76%;
  border-radius:48% 52% 42% 58% / 34% 46% 54% 66%;
}

.shape-two{
  left:27%;
  top:24%;
  width:43%;
  height:47%;
  border-color:rgba(255,255,255,.12);
  background:transparent;
  border-radius:54% 46% 59% 41% / 48% 42% 58% 52%;
}

.region-pin{
  position:absolute;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:#FFFFFF;
  color:#000000;
  font-size:10px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(0,0,0,.32);
  white-space:nowrap;
}

.region-pin::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#006DED;
  box-shadow:0 0 0 5px rgba(0,109,237,.18);
}

.pin-dunkerque{left:14%;top:14%;}
.pin-lille{left:56%;top:18%;}
.pin-lens{left:40%;top:39%;}
.pin-valenciennes{left:59%;top:47%;}
.pin-arras{left:31%;top:58%;}
.pin-amiens{left:42%;top:77%;}

.regions-axis{
  position:absolute;
  z-index:4;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.72), rgba(0,109,237,.95), transparent);
  transform-origin:center;
}

.axis-one{left:21%;top:35%;width:58%;transform:rotate(16deg);}
.axis-two{left:28%;top:62%;width:50%;transform:rotate(-21deg);}

.regions-city-list{
  position:relative;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.regions-city-list span{
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.80);
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.regions-map-card > p{
  position:relative;
  z-index:3;
  margin:24px 0 0;
  color:rgba(255,255,255,.74);
  font-size:15px;
  line-height:1.7;
}

.regions-faq{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
  margin-top:28px;
}

.regions-faq article{
  border:1px solid rgba(0,0,0,.09);
  border-radius:24px;
  padding:28px;
  background:#FFFFFF;
  box-shadow:0 18px 46px rgba(0,0,0,.045);
}

.regions-faq h3{
  font-family:'Poppins', Arial, sans-serif;
  font-size:16px;
  line-height:1.35;
  letter-spacing:-.02em;
  margin:0 0 12px;
}

.regions-faq p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:rgba(0,0,0,.68);
}

.about-section.blue-field{
  min-height:100vh !important;
  padding:calc(92px + 70px) 42px 82px !important;
  display:flex !important;
  align-items:center !important;
}

@media(max-width:1100px){
  .regions-panel{
    grid-template-columns:1fr;
  }

  .regions-copy{
    padding:10px 0 0;
  }

  .regions-map-card{
    min-height:560px;
  }
}

@media(max-width:760px){
  .about-regions{
    padding:86px 24px 78px;
  }

  .regions-panel{
    padding:22px;
    border-radius:28px;
    gap:34px;
  }

  .regions-proof-row,
  .regions-faq{
    grid-template-columns:1fr;
  }

  .regions-map-card{
    min-height:520px;
    padding:20px;
    border-radius:24px;
  }

  .regions-map{
    min-height:330px;
  }

  .region-pin{
    font-size:8px;
    padding:7px 8px;
    gap:6px;
  }

  .region-pin::before{
    width:7px;
    height:7px;
  }

  .pin-valenciennes{left:45%;}
  .pin-amiens{left:37%;}
}


/* === V6 — Carte HDF codée premium, disposition conservée === */
.regions-map.hdf-coded-map{
  min-height:430px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(0,109,237,.24), transparent 30%),
    radial-gradient(circle at 82% 86%, rgba(0,109,237,.16), transparent 34%),
    linear-gradient(135deg, #061b33 0%, #041426 55%, #020913 100%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 -90px 120px rgba(0,0,0,.30),
    0 26px 70px rgba(0,0,0,.34) !important;
}

.regions-map.hdf-coded-map::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size:72px 72px !important;
  opacity:.45 !important;
  mask-image:linear-gradient(135deg, transparent 0%, #000 18%, #000 72%, transparent 100%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.regions-map.hdf-coded-map::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:42% !important;
  background:linear-gradient(0deg, rgba(0,0,0,.42), transparent) !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.regions-map.hdf-coded-map .hdf-map-outline{
  position:absolute !important;
  left:2% !important;
  top:4% !important;
  width:96% !important;
  height:90% !important;
  overflow:visible !important;
  z-index:1 !important;
}

.hdf-v5-bg{fill:transparent !important;}
.hdf-v5-shape{
  fill:rgba(0,109,237,.08) !important;
  filter:url(#hdfV5Shadow) !important;
}
.hdf-v5-outline{
  fill:none !important;
  stroke:#000000 !important;
  stroke-width:8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
}
.hdf-v5-divider{
  fill:none !important;
  stroke:rgba(0,0,0,.82) !important;
  stroke-width:4.5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
}

.regions-map.hdf-coded-map .region-pin{
  z-index:4 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  color:#FFFFFF !important;
  text-transform:none !important;
  letter-spacing:-.035em !important;
  font-size:clamp(14px, 1.28vw, 20px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.52) !important;
}
.regions-map.hdf-coded-map .region-pin::before{display:none !important;}
.regions-map.hdf-coded-map .region-pin i{
  width:17px !important;
  height:17px !important;
  border-radius:50% !important;
  background:#006DED !important;
  box-shadow:
    0 0 0 6px rgba(0,109,237,.18),
    0 0 22px rgba(0,109,237,.62),
    0 12px 28px rgba(0,0,0,.35) !important;
  flex:0 0 auto !important;
}
.regions-map.hdf-coded-map .region-pin b{
  font:inherit !important;
  color:inherit !important;
}

.regions-map.hdf-coded-map .pin-dunkerque{left:51% !important;top:11% !important;}
.regions-map.hdf-coded-map .pin-lille{left:62% !important;top:31% !important;}
.regions-map.hdf-coded-map .pin-lens{left:55% !important;top:46% !important;}
.regions-map.hdf-coded-map .pin-arras{left:45% !important;top:58% !important;}
.regions-map.hdf-coded-map .pin-valenciennes{left:72% !important;top:52% !important;}
.regions-map.hdf-coded-map .pin-amiens{left:36% !important;top:75% !important;}

.hdf-map-title{
  position:absolute !important;
  z-index:5 !important;
  right:24px !important;
  bottom:20px !important;
  color:#FFFFFF !important;
  font-size:clamp(19px, 2.55vw, 32px) !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  text-shadow:0 12px 28px rgba(0,0,0,.55) !important;
}

@media(max-width:1100px){
  .regions-map.hdf-coded-map{min-height:390px !important;}
  .regions-map.hdf-coded-map .hdf-map-outline{left:-1% !important;width:106% !important;}
}
@media(max-width:760px){
  .regions-map.hdf-coded-map{min-height:320px !important;border-radius:22px !important;}
  .regions-map.hdf-coded-map .hdf-map-outline{left:-22% !important;top:4% !important;width:140% !important;height:88% !important;}
  .regions-map.hdf-coded-map .region-pin{font-size:10px !important;gap:6px !important;}
  .regions-map.hdf-coded-map .region-pin i{width:10px !important;height:10px !important;box-shadow:0 0 0 4px rgba(0,109,237,.18), 0 0 14px rgba(0,109,237,.6) !important;}
  .regions-map.hdf-coded-map .pin-dunkerque{left:45% !important;top:14% !important;}
  .regions-map.hdf-coded-map .pin-lille{left:59% !important;top:35% !important;}
  .regions-map.hdf-coded-map .pin-lens{left:49% !important;top:50% !important;}
  .regions-map.hdf-coded-map .pin-arras{left:39% !important;top:63% !important;}
  .regions-map.hdf-coded-map .pin-valenciennes{left:65% !important;top:58% !important;}
  .regions-map.hdf-coded-map .pin-amiens{left:30% !important;top:78% !important;}
  .hdf-map-title{right:15px !important;bottom:14px !important;font-size:18px !important;}
}


/* === Correctif V7 — disposition V2 conservée, carte V6 uniquement === */
.regions-panel{grid-template-columns:minmax(0,.98fr) minmax(420px,.82fr) !important;}
.regions-copy{padding:22px 0 22px 18px !important;}
.regions-map-card{min-height:610px !important;padding:30px !important;}
.regions-map.hdf-coded-map{margin-top:22px !important;}
@media(max-width:1100px){.regions-panel{grid-template-columns:1fr !important;}.regions-map-card{min-height:auto !important;}}

/* === Correctif V8 — carte réduite pour ne plus rogner les libellés === */
.regions-map.hdf-coded-map{
  min-height:390px !important;
}
.regions-map.hdf-coded-map .hdf-map-outline{
  left:7% !important;
  top:7% !important;
  width:78% !important;
  height:74% !important;
}
.regions-map.hdf-coded-map .region-pin{
  font-size:clamp(12px, 1.05vw, 16px) !important;
  gap:8px !important;
}
.regions-map.hdf-coded-map .region-pin i{
  width:14px !important;
  height:14px !important;
  box-shadow:
    0 0 0 5px rgba(0,109,237,.18),
    0 0 18px rgba(0,109,237,.58),
    0 10px 22px rgba(0,0,0,.32) !important;
}
.regions-map.hdf-coded-map .pin-dunkerque{left:48% !important;top:13% !important;}
.regions-map.hdf-coded-map .pin-lille{left:60% !important;top:31% !important;}
.regions-map.hdf-coded-map .pin-lens{left:53% !important;top:44% !important;}
.regions-map.hdf-coded-map .pin-arras{left:43% !important;top:55% !important;}
.regions-map.hdf-coded-map .pin-valenciennes{left:69% !important;top:50% !important;}
.regions-map.hdf-coded-map .pin-amiens{left:34% !important;top:69% !important;}
.regions-map.hdf-coded-map .pin-valenciennes b{
  max-width:122px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.hdf-map-title{
  right:26px !important;
  bottom:22px !important;
  font-size:clamp(18px, 2.05vw, 26px) !important;
}
@media(max-width:1100px){
  .regions-map.hdf-coded-map{min-height:360px !important;}
  .regions-map.hdf-coded-map .hdf-map-outline{left:7% !important;top:7% !important;width:78% !important;height:74% !important;}
}
@media(max-width:760px){
  .regions-map.hdf-coded-map{min-height:300px !important;}
  .regions-map.hdf-coded-map .hdf-map-outline{left:3% !important;top:8% !important;width:88% !important;height:72% !important;}
  .regions-map.hdf-coded-map .region-pin{font-size:9px !important;gap:5px !important;}
  .regions-map.hdf-coded-map .region-pin i{width:9px !important;height:9px !important;}
  .regions-map.hdf-coded-map .pin-dunkerque{left:43% !important;top:15% !important;}
  .regions-map.hdf-coded-map .pin-lille{left:58% !important;top:34% !important;}
  .regions-map.hdf-coded-map .pin-lens{left:50% !important;top:48% !important;}
  .regions-map.hdf-coded-map .pin-arras{left:38% !important;top:58% !important;}
  .regions-map.hdf-coded-map .pin-valenciennes{left:62% !important;top:54% !important;}
  .regions-map.hdf-coded-map .pin-valenciennes b{max-width:78px !important;}
  .regions-map.hdf-coded-map .pin-amiens{left:30% !important;top:72% !important;}
  .hdf-map-title{font-size:16px !important;}
}


/* === Section Impact Télémaque — ajout sous Ancrage régional === */
.novare-impact-section{
  background:#FFFFFF;
  color:#000000;
  padding:112px 42px 118px;
  overflow:hidden;
}

.impact-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(380px, .72fr);
  gap:56px;
  align-items:start;
  padding:34px;
  border-radius:38px;
  border:1px solid rgba(0,0,0,.08);
  background:
    radial-gradient(circle at 94% 8%, rgba(0,109,237,.10), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 52%, rgba(0,109,237,.035) 100%);
  box-shadow:0 28px 90px rgba(0,0,0,.075);
}

.impact-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.045);
  pointer-events:none;
}

.impact-copy{
  position:relative;
  z-index:2;
  padding:22px 0 18px 18px;
}

.impact-copy h2{
  margin:0 0 32px;
  max-width:850px;
  font-size:clamp(44px, 5.5vw, 82px);
  line-height:.92;
  letter-spacing:-.06em;
}

.impact-copy p{
  max-width:760px;
  margin:0 0 20px;
  color:rgba(0,0,0,.70);
  font-size:clamp(17px, 1.35vw, 21px);
  line-height:1.72;
}

.impact-donation-card{
  position:relative;
  z-index:2;
  padding:42px;
  border-radius:30px;
  border:1px solid rgba(0,109,237,.20);
  background:
    radial-gradient(circle at top right, rgba(0,109,237,.13), transparent 38%),
    #FFFFFF;
  box-shadow:0 26px 70px rgba(0,0,0,.09);
}

.impact-donation-card::after{
  content:"";
  position:absolute;
  inset:auto 28px 0 28px;
  height:4px;
  border-radius:999px 999px 0 0;
  background:#006DED;
}

.impact-donation-number{
  display:block;
  margin:0 0 24px;
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:clamp(72px, 7vw, 116px);
  font-weight:900;
  line-height:.78;
  letter-spacing:-.085em;
  color:#006DED;
}

.impact-donation-card h3{
  margin:0 0 24px;
  font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;
  font-size:clamp(32px, 3vw, 46px);
  line-height:.98;
  letter-spacing:-.055em;
}

.impact-donation-card p{
  margin:0 0 18px;
  color:rgba(0,0,0,.68);
  font-size:15.5px;
  line-height:1.72;
}

.impact-donation-card strong{
  display:block;
  margin-top:22px;
  color:#000000;
  font-size:15px;
  line-height:1.6;
}

.impact-vision-card{
  position:relative;
  z-index:2;
  grid-column:1 / -1;
  margin-top:4px;
  padding:48px;
  border-radius:30px;
  background:#000000;
  color:#FFFFFF;
  text-align:center;
  overflow:hidden;
}

.impact-vision-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 20%, rgba(0,109,237,.28), transparent 34%),
    radial-gradient(circle at 84% 86%, rgba(0,109,237,.22), transparent 32%);
  pointer-events:none;
}

.impact-vision-card span,
.impact-vision-card h3,
.impact-vision-card p{
  position:relative;
  z-index:2;
}

.impact-vision-card span{
  display:inline-block;
  margin-bottom:22px;
  color:#006DED;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.impact-vision-card h3{
  max-width:980px;
  margin:0 auto 24px;
  font-size:clamp(34px, 4vw, 64px);
  line-height:.96;
  letter-spacing:-.055em;
}

.impact-vision-card p{
  margin:0 auto;
  max-width:860px;
  color:rgba(255,255,255,.74);
  font-size:17px;
  line-height:1.65;
  font-weight:600;
}

@media(max-width:1100px){
  .impact-panel{
    grid-template-columns:1fr;
  }

  .impact-copy{
    padding:10px 0 0;
  }
}

@media(max-width:760px){
  .novare-impact-section{
    padding:84px 24px 88px;
  }

  .impact-panel{
    padding:22px;
    border-radius:28px;
    gap:32px;
  }

  .impact-donation-card,
  .impact-vision-card{
    padding:30px 24px;
    border-radius:24px;
  }

  .impact-donation-card p{
    font-size:14px;
  }
}


/* === ROI OPTIMISATION — sections intégrées avant le CTA final === */
.about-why-roi{background:#fff;color:#000;padding:clamp(90px,9vw,150px) 0;}
.why-roi-grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(42px,6vw,90px);align-items:start;}
.why-roi-copy h2{font-family:"Source Serif 4",serif;font-size:clamp(42px,5.4vw,82px);line-height:.92;letter-spacing:-.055em;margin:0 0 28px;max-width:820px;}
.why-roi-copy p{font-family:"Poppins",sans-serif;font-size:clamp(16px,1.2vw,19px);line-height:1.75;color:rgba(0,0,0,.68);max-width:670px;margin:0 0 18px;}
.why-roi-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.why-roi-cards article{position:relative;min-height:245px;padding:30px;border-radius:28px;background:#f6f6f4;border:1px solid rgba(0,0,0,.07);overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.055);}
.why-roi-cards article::after{content:"";position:absolute;right:-42px;top:-42px;width:120px;height:120px;border-radius:50%;background:rgba(0,109,237,.10);}
.why-roi-cards span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;background:#000;color:#fff;font:700 12px/1 "Poppins",sans-serif;margin-bottom:32px;}
.why-roi-cards h3{font-family:"Source Serif 4",serif;font-size:clamp(28px,2.3vw,40px);line-height:1;letter-spacing:-.04em;margin:0 0 14px;}
.why-roi-cards p{font-family:"Poppins",sans-serif;font-size:14px;line-height:1.65;color:rgba(0,0,0,.64);margin:0;}
.about-commitments-roi{background:#f6f6f4;color:#000;padding:clamp(80px,8vw,130px) 0;}
.commitments-roi-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:end;margin-bottom:40px;}
.commitments-roi-head h2{font-family:"Source Serif 4",serif;font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.052em;margin:0;max-width:820px;}
.commitments-roi-head p{font-family:"Poppins",sans-serif;font-size:17px;line-height:1.75;color:rgba(0,0,0,.66);max-width:560px;margin:0;}
.commitments-roi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.commitments-roi-grid article{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:26px;padding:28px;min-height:260px;box-shadow:0 18px 45px rgba(0,0,0,.045);display:flex;flex-direction:column;}
.commitments-roi-grid span{width:48px;height:48px;border-radius:14px;background:#006DED;color:#fff;display:flex;align-items:center;justify-content:center;font:800 18px/1 "Poppins",sans-serif;margin-bottom:auto;}
.commitments-roi-grid h3{font-family:"Source Serif 4",serif;font-size:32px;line-height:1;letter-spacing:-.04em;margin:34px 0 12px;}
.commitments-roi-grid p{font-family:"Poppins",sans-serif;font-size:14px;line-height:1.65;color:rgba(0,0,0,.64);margin:0;}
@media(max-width:980px){.why-roi-grid,.commitments-roi-head{grid-template-columns:1fr}.commitments-roi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.why-roi-cards,.commitments-roi-grid{grid-template-columns:1fr}.why-roi-cards article,.commitments-roi-grid article{min-height:auto}.about-why-roi,.about-commitments-roi{padding:78px 0}}