:root{
    --paper:#ffffff;
    --paper-alt:#f5f5f5;
    --ink:#111111;
    --ink-soft:#4a4a4a;
    --ink-faint:#6e6e6e;
    --pine:#111111;
    --pine-deep:#000000;
    --gold:#fdc300;
    --terracotta:#fdc300;
    --terracotta-deep:#111111;
    --terracotta-light:#fdc300;
    --line:#e5e5e5;
    --card:#ffffff;
    --white:#ffffff;
    --shadow: 0 1px 2px rgba(0,0,0,.06), 0 18px 40px -20px rgba(0,0,0,.28);
    --dur:.22s;
  }
  /* dark-mode auto-switch disabled: site stays on the light/beige palette regardless of system preference */
  :root[data-theme="dark"]{
    --paper:#0d0d0d;
    --paper-alt:#1a1a1a;
    --ink:#f5f5f5;
    --ink-soft:#c4c4c4;
    --ink-faint:#9e9e9e;
    --line:#333333;
    --card:#1a1a1a;
    --white:#1a1a1a;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 18px 40px -20px rgba(0,0,0,.6);
  }
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  html,body{ margin:0; color:var(--ink); }
  html{ background:var(--paper); }
  body{
    background-color:var(--paper);
    
    background-repeat:repeat;
    background-size:auto, 640px auto;
  }
  
  :root[data-theme="dark"] body{ background-image:none; }
  body{ font-family:"Montserrat",-apple-system,"Segoe UI",sans-serif; overflow-x:hidden; }
  h1,h2,h3{ font-family:"Montserrat",sans-serif; text-wrap:balance; margin:0; font-weight:600; }
  .mono{ font-family:"Montserrat",sans-serif; }
  a{ color:inherit; }
  img{ max-width:100%; display:block; }
  button{ font-family:inherit; cursor:pointer; }
  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  }
  :focus-visible{ outline:3px solid var(--terracotta); outline-offset:2px; border-radius:4px; }

  .skip-link{ position:absolute; left:1rem; top:-3rem; background:var(--pine-deep); color:#f5f5f5; padding:.7rem 1.2rem; border-radius:8px; z-index:999; transition:top var(--dur) ease; font-size:.85rem; }
  .skip-link:focus{ top:1rem; }

  .wrap{ max-width:1280px; margin:0 auto; padding-left:clamp(1.2rem,4vw,3rem); padding-right:clamp(1.2rem,4vw,3rem); }

  /* NAV — condenses with blur on scroll */
  header.top{ position:relative; z-index:50; padding-top:0; transition:padding var(--dur) ease, background var(--dur) ease, box-shadow var(--dur) ease; }
  header.top.scrolled{ padding-top:0; background:rgba(255,255,255,.86); backdrop-filter:blur(14px) saturate(160%); box-shadow:0 6px 24px -14px rgba(0,0,0,.25); }
  .top-brush{
    position:absolute; top:0; left:0; right:0; width:100%; height:clamp(92px,13vw,128px);
    display:block; pointer-events:none; z-index:0;
    transition:opacity .25s ease;
  }
  header.top.scrolled .top-brush{ opacity:0; }
  .nav-wrap{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:space-between; max-width:1280px; margin:0 auto;
    padding:clamp(1.1rem,2.4vw,1.6rem) clamp(1.2rem,4vw,3rem) 1.1rem; transition:padding var(--dur) ease;
  }
  header.top.scrolled .nav-wrap{ padding-top:.9rem; padding-bottom:.9rem; }
  .logo{ display:flex; align-items:center; gap:.7rem; }
  .logo-full{ height:2.6rem; width:auto; display:block; transition:height var(--dur); }
  .foot-grid .logo-full{ height:3rem; }
  header.top.scrolled .logo-full{ height:2.15rem; }
  nav.mainnav{ display:flex; gap:1.9rem; font-size:.85rem; font-weight:500; }
  nav.mainnav a{ position:relative; text-decoration:none; padding-bottom:.35rem; }
  nav.mainnav a::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--terracotta); transition:right .25s ease; }
  nav.mainnav a:hover::after, nav.mainnav a:focus-visible::after{ right:0; }
  @media (max-width:940px){ nav.mainnav{ display:none; } }
  .nav-cta{ background:var(--pine); color:#f5f5f5; padding:.65rem 1.3rem; border-radius:99px; font-size:.8rem; font-weight:600; text-decoration:none; white-space:nowrap; font-family:"Montserrat",sans-serif; }

  
  .rail a:hover .rail-label{ opacity:1; }

  /* HERO */
  .hero{ position:relative; max-width:1280px; margin:0 auto; padding:clamp(3rem,6vw,5rem) clamp(1.2rem,4vw,3rem) clamp(2.5rem,5vw,4rem); display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(3rem,5vw,5rem); align-items:center; }
  @media (max-width:940px){ .hero{ grid-template-columns:1fr; } }
  .hero h1{ font-size:clamp(2.3rem,4.4vw,3.8rem); line-height:1.12; letter-spacing:-.01em; }
  .hero h1 em{ font-style:normal; color:var(--pine); }
  .hero p.lead{ font-size:1.1rem; color:var(--ink-soft); max-width:44ch; margin:1.8rem 0 2.6rem; line-height:1.7; }
  .hero-actions{ display:flex; gap:1.1rem; flex-wrap:wrap; margin-bottom:.5rem; }
  .btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.9rem 1.6rem; border-radius:99px; font-size:.92rem; font-weight:600; text-decoration:none; border:1.5px solid transparent; min-height:44px; transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow var(--dur) ease, background-color .28s ease, border-color .28s ease, color .28s ease; font-family:"Montserrat",sans-serif; }
  .btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px -14px rgba(253,195,0,.5); }
  .btn.primary{ background:var(--pine); color:#f5f5f5; }
  .btn.primary:hover{ background:var(--terracotta); }
  .btn.ghost{ border-color:var(--ink); color:var(--ink); }
  .btn.ghost:hover{ border-color:var(--terracotta); color:var(--terracotta); }
  .btn.on-gold{ background:var(--terracotta-deep); color:#ffffff; }
  .btn.on-gold:hover{ background:var(--terracotta); color:#ffffff; }
  .btn.gold{ background:var(--terracotta-deep); color:#ffffff; }
  .btn.gold:hover{ background:var(--terracotta); color:#ffffff; }
  .hero-visual{ position:relative; }
  .contour{ position:absolute; inset:-15% -10%; z-index:0; opacity:.5; pointer-events:none; }
  .photo-frame{ position:relative; z-index:1; background:linear-gradient(160deg,var(--paper-alt),var(--paper)); border-radius:16px; padding:2.2rem 2rem 1.6rem; }
  .photo-frame img{ width:100%; border-radius:4px; transition:transform .35s ease; }
  .photo-caption{ display:flex; justify-content:space-between; font-family:"Montserrat",sans-serif; font-size:.68rem; color:var(--ink-faint); margin-top:1.2rem; text-transform:uppercase; letter-spacing:.04em; }

  section{ max-width:1280px; margin:0 auto; padding:5.5rem clamp(1.2rem,4vw,3rem); scroll-margin-top:5.5rem; }
  .section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:2.8rem; flex-wrap:wrap; }
  .section-head .eyebrow{ font-family:"Montserrat",sans-serif; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:var(--terracotta-deep); margin-bottom:.6rem; }
  .section-head h2{ font-size:clamp(1.7rem,3vw,2.3rem); }
  .section-head p{ max-width:38ch; color:var(--ink-soft); font-size:.95rem; }

  .reveal{ opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease; }
  .reveal.in{ opacity:1; transform:none; }

  /* GAMME */
  .model-strip{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:minmax(170px,auto); gap:1.2rem;
    grid-template-areas:
      "m1  tri tri"
      "m3  tri tri"
      "m4  m5  m6"; }
  .model-card.featured{ grid-area:tri; }
  .model-card[data-slot="m1"]{ grid-area:m1; }
  .model-card[data-slot="m3"]{ grid-area:m3; }
  .model-card[data-slot="m4"]{ grid-area:m4; }
  .model-card[data-slot="m5"]{ grid-area:m5; }
  .model-card[data-slot="m6"]{ grid-area:m6; }
  @media (max-width:980px){
    .model-strip{ grid-template-columns:repeat(2,1fr);
      grid-template-areas:
        "tri tri"
        "tri tri"
        "m1  m3"
        "m4  m5"
        "m6  m6"; }
  }
  @media (max-width:640px){
    .model-strip{ grid-template-columns:1fr; grid-template-areas:none; }
    .model-card.featured, .model-card[data-slot]{ grid-area:auto; }
  }
  .model-card.featured .model-photo{ height:100%; min-height:260px; }
  .model-card.featured .mn-tag{ font-size:1.55rem; }
  .model-card.featured .model-body{ padding:1.7rem 1.7rem 1.9rem; }
  .model-card.featured .mtag{ font-size:.9rem; }
  .model-card.featured .mt{ font-size:.92rem; }
  .model-card{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
  .model-card:hover{ transform:translateY(-6px); box-shadow:0 24px 46px -20px rgba(0,0,0,.35); border-color:rgba(253,195,0,.5); }
  .model-photo{ height:150px; position:relative; overflow:hidden; }
  .model-photo img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
  .model-photo .mn-tag{ position:absolute; left:1rem; bottom:.9rem; font-family:"Montserrat",sans-serif; font-size:1.2rem; color:#ffffff; background:var(--pine-deep); padding:.3rem .8rem; border-radius:8px; pointer-events:none; }
  .model-body{ padding:1.4rem 1.4rem 1.5rem; display:flex; flex-direction:column; gap:.7rem; flex:1; }
  .model-body .mn{ font-family:"Montserrat",sans-serif; font-size:1.2rem; }
  .model-body .mtag{ font-style:italic; font-size:.82rem; color:var(--terracotta-deep); margin-top:-.5rem; }
  .model-body .mt{ font-size:.85rem; color:var(--ink-soft); line-height:1.55; margin:0; }
  .model-specs{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.35rem; font-size:.76rem; color:var(--ink-soft); }
  .model-specs li::before{ content:"— "; color:var(--terracotta); }
  .model-body a.discover{ margin-top:auto; align-self:flex-start; padding:.6rem 1.25rem; font-size:.9rem; font-weight:400; font-family:"Montserrat",sans-serif; letter-spacing:.02em; color:#ffffff; text-decoration:none; background:var(--terracotta-deep); border-radius:99px; transition:background .2s ease, transform .2s ease; }
  .model-body a.discover:hover{ background:var(--pine-deep); transform:translateY(-2px); }

  /* SERVICES */
  .services{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem; }
  @media (max-width:940px){ .services{ grid-template-columns:1fr; } }
  .service-card{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column; }
  .service-card .service-photo{ height:170px; position:relative; color:#f5f5f5; }
  .service-card .service-photo img{ width:100%; height:100%; object-fit:cover; }
  .photo-slot{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; height:100%; }
  .photo-slot .ph-label{ font-family:"Montserrat",sans-serif; font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; text-align:center; padding:0 1rem; }
  .photo-slot::after{ content:""; position:absolute; inset:.6rem; border:1.5px dashed rgba(255,255,255,.32); border-radius:10px; pointer-events:none; }
  .photo-slot.on-light::after{ border-color:rgba(0,0,0,.18); }
  .service-copy{ padding:1.8rem 1.7rem 2rem; display:flex; flex-direction:column; flex:1; }
  .service-copy .num{ font-family:"Montserrat",sans-serif; font-size:.75rem; color:var(--terracotta); }
  .service-copy h3{ font-size:1.28rem; margin:.7rem 0 .8rem; }
  .service-copy p{ font-size:.9rem; color:var(--ink-soft); line-height:1.62; margin:0 0 1.3rem; flex:1; }
  .service-copy a{ font-size:.85rem; font-weight:600; color:var(--pine); text-decoration:none; }

  .blog{ background:var(--paper-alt); border-radius:26px; }
  .blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2.4rem; }
  @media (max-width:940px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:640px){ .blog-grid{ grid-template-columns:1fr; } }
  .blog-card{ background:var(--card); border-radius:14px; overflow:hidden; box-shadow:var(--shadow); }
  .blog-card .blog-photo{ height:120px; position:relative; }
  .blog-card .blog-photo img{ width:100%; height:100%; object-fit:cover; }
  .blog-card .blog-body{ padding:1.3rem 1.4rem 1.5rem; }
  .blog-card .bd{ font-family:"Montserrat",sans-serif; font-size:.65rem; color:var(--terracotta-deep); text-transform:uppercase; letter-spacing:.05em; }
  .blog-card h3{ font-size:1rem; font-weight:600; color:var(--ink); margin-top:.6rem; line-height:1.35; }

  .faq-list{ border-top:1px solid var(--line); }
  .faq-item{ border-bottom:1px solid var(--line); }
  .faq-item button.fq{ all:unset; box-sizing:border-box; width:100%; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:1rem; color:var(--ink); font-family:"Montserrat",sans-serif; padding:1.3rem 0; cursor:pointer; }
  .faq-item .fa{ max-height:0; overflow:hidden; color:var(--ink-soft); font-size:.9rem; line-height:1.6; transition:max-height var(--dur) ease; }
  .faq-item.open .fa{ max-height:200px; padding-bottom:1.3rem; }
  .faq-item .plus{ font-family:"Montserrat",sans-serif; font-size:1.2rem; color:var(--terracotta); transition:transform var(--dur) ease; flex-shrink:0; }
  .faq-item.open .plus{ transform:rotate(45deg); }

  .newsletter{ background:var(--pine); color:#f5f5f5; border-radius:22px; padding:3.4rem clamp(1.5rem,5vw,3rem); text-align:center; }
  .newsletter h3{ font-size:1.4rem; }
  .newsletter form{ display:flex; gap:.7rem; justify-content:center; margin-top:1.4rem; flex-wrap:wrap; }
  .newsletter input{ padding:.8rem 1.2rem; border-radius:99px; border:none; font-family:inherit; min-width:260px; min-height:44px; }

  footer{ border-top:1px solid var(--line); margin-top:1rem; }
  .foot-grid{ max-width:1280px; margin:0 auto; padding:3.5rem clamp(1.2rem,4vw,3rem) 2.5rem; display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:2.5rem; }
  @media (max-width:780px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  .foot-grid h4{ font-family:"Montserrat",sans-serif; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; font-weight:700; color:var(--pine); margin-bottom:1rem; }
  .foot-grid ul a{ color:var(--ink-soft); text-decoration:none; font-size:.86rem; }
  .foot-grid ul a:hover{ color:var(--pine); text-decoration:underline; }
  .social-icons{ display:flex; gap:.7rem; margin-top:1.1rem; }
  .social-icons a{ width:2.1rem; height:2.1rem; border-radius:99px; background:var(--panel,rgba(0,0,0,.06)); display:flex; align-items:center; justify-content:center; color:var(--ink-soft); transition:background .2s ease, color .2s ease; }
  .social-icons a:hover{ background:var(--pine); color:#fff; }
  .social-icons svg{ width:1.05rem; height:1.05rem; fill:currentColor; }
  .foot-grid ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6rem; font-size:.86rem; }
  .foot-bottom{ text-align:center; font-size:.75rem; color:var(--ink-faint); padding:1.5rem; border-top:1px solid var(--line); font-family:"Montserrat",sans-serif; }
  /* La ligne légale du pied — 20/10/2026. Discrète par construction :
     la passe « épuré » a supprimé le filet et la mention du bas, celle-ci
     ne les ramène pas. */
  .foot-legal{ display:flex; flex-wrap:wrap; justify-content:center;
    align-items:center; gap:.35rem 1.3rem; max-width:1280px; margin:0 auto;
    padding:0 clamp(1.2rem,4vw,3rem) 2.6rem;
    font-family:"Montserrat",sans-serif; font-size:.72rem;
    color:var(--ink-faint); }
  .foot-legal a{ color:inherit; text-decoration:none; }
  .foot-legal a:hover{ color:var(--ink); text-decoration:underline;
    text-underline-offset:3px; }
  @media (max-width:780px){ .foot-legal{ gap:.3rem .9rem; } }
  /* Les messages des formulaires — 20/10/2026. Le remerciement se lit,
     l'erreur se voit : même corps, mais un filet et une couleur qui ne
     laissent aucun doute sur lequel des deux on a sous les yeux. */
  .ec-form-merci, .ec-form-erreur{ font-family:"Montserrat",sans-serif;
    font-size:.86rem; line-height:1.6; margin:1rem 0 0;
    padding:.85rem 1.1rem; border-left:3px solid; }
  .ec-form-merci{ border-color:var(--accent,#fdc300);
    background:rgba(253,195,0,.1); color:var(--ink,#111); }
  .ec-form-erreur{ border-color:#b32d2e; background:rgba(179,45,46,.07);
    color:#8c2324; }
  /* Les formulaires du site — 20/10/2026. Un seul balisage pour les vingt
     emplacements : vingt formulaires différents, ce seraient vingt endroits
     où corriger la même faute de frappe. Le bloc ne définit que ce qui lui
     est propre et hérite du reste de la charte de la page. */
  .ec-form{ max-width:46rem; margin-top:1.6rem; }
  .ec-form-titre{ font-family:"Montserrat",sans-serif; font-weight:800;
    font-size:1.15rem; letter-spacing:-.01em; margin:0 0 .5rem; }
  .ec-form-chapo{ font-size:.92rem; line-height:1.65; color:var(--ink-soft);
    margin:0 0 1.2rem; max-width:52ch; }
  .ec-form-champs{ display:grid; grid-template-columns:1fr 1fr;
    gap:.9rem 1.1rem; }
  .ec-form-champs .large{ grid-column:1 / -1; }
  @media (max-width:620px){ .ec-form-champs{ grid-template-columns:1fr; } }
  .ec-form label{ display:block; font-family:"Montserrat",sans-serif;
    font-size:.7rem; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; color:var(--ink-faint); }
  .ec-form input, .ec-form textarea{ display:block; width:100%;
    margin-top:.35rem; font-family:inherit; font-size:.92rem;
    padding:.72rem .9rem; border:1.5px solid var(--line); background:#ffffff;
    color:var(--ink); box-sizing:border-box; }
  .ec-form input:focus, .ec-form textarea:focus{ outline:3px solid var(--gold);
    outline-offset:1px; border-color:var(--ink); }
  .ec-form .ec-form-case{ display:flex; gap:.7rem; align-items:flex-start;
    margin-top:1.1rem; font-size:.78rem; font-weight:400; letter-spacing:0;
    text-transform:none; color:var(--ink-faint); line-height:1.6; }
  .ec-form .ec-form-case input{ width:auto; margin:.2rem 0 0; flex:0 0 auto;
    accent-color:var(--gold); }
  .ec-form-envoi{ margin-top:1.2rem; font-family:"Montserrat",sans-serif;
    font-weight:700; font-size:.92rem; padding:.9rem 1.8rem;
    background:var(--ink); color:#ffffff; border:0; cursor:pointer; }
  .ec-form-envoi:hover{ background:var(--gold); color:#111111; }
  .ec-form-envoi[disabled]{ opacity:.6; cursor:progress; }
  /* L'inscription à la lettre tient sur une ligne : son bloc porte déjà
     son titre, et un formulaire en colonne y ferait une marche. */
  .ec-form-ligne{ display:flex; flex-wrap:wrap; align-items:flex-end;
    gap:.8rem; }
  .ec-form-ligne .large{ flex:1 1 16rem; }
  .ec-form-ligne .ec-form-envoi{ margin-top:0; }
  .ec-form-note{ flex:1 1 100%; margin:.2rem 0 0; font-size:.76rem;
    color:var(--ink-faint); }

  /* mobile sticky action bar */
  .mobile-bar{ position:fixed; left:0; right:0; bottom:-100px; z-index:60; display:none; gap:.6rem; padding:.7rem clamp(1rem,4vw,1.5rem); background:rgba(255,255,255,.94); backdrop-filter:blur(14px); border-top:1px solid var(--line); transition:bottom var(--dur) ease; }
  .mobile-bar.show{ bottom:0; }
  @media (max-width:940px){ .mobile-bar{ display:flex; } }
  .mobile-bar a{ flex:1; text-align:center; padding:.85rem 1rem; border-radius:99px; font-size:.85rem; font-weight:700; text-decoration:none; min-height:44px; display:flex; align-items:center; justify-content:center; font-family:"Montserrat",sans-serif; }
  .mobile-bar a.call{ background:var(--paper-alt); color:var(--ink); border:1.5px solid var(--line); }
  .mobile-bar a.quote{ background:var(--pine); color:#f5f5f5; }


  /* -------- page-specific additions: Gamme REIMO -------- */
  .mainnav a.current{ color:var(--terracotta-deep); }
  .mainnav a.current::after{ right:0; }

  .breadcrumb{
    max-width:1280px; margin:1.6rem auto 0; padding:0 clamp(1.2rem,4vw,3rem);
    font-family:"Montserrat",sans-serif; font-size:.76rem; color:var(--ink-faint);
    display:flex; align-items:center; gap:.5rem;
  }
  .breadcrumb a{ color:var(--ink-faint); text-decoration:none; }
  .breadcrumb a:hover{ color:var(--terracotta); }
  .breadcrumb span.sep{ opacity:.6; }
  .breadcrumb span.current{ color:var(--ink); }

  .page-hero{
    max-width:1280px; margin:0 auto; padding:2.4rem clamp(1.2rem,4vw,3rem) 1rem;
    display:grid; grid-template-columns:1.15fr .85fr; gap:3rem; align-items:center;
  }
  @media (max-width:900px){ .page-hero{ grid-template-columns:1fr; } }
  .page-hero h1{ font-size:clamp(2rem,4vw,3.1rem); line-height:1.14; letter-spacing:-.01em; margin:1.2rem 0 1.6rem; }
  .page-hero h1 em{ font-style:normal; color:var(--pine); }
  .page-hero p.lead{ font-size:1.05rem; color:var(--ink-soft); max-width:46ch; line-height:1.7; margin:0 0 2rem; }
  .page-hero .hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:2.2rem; }

  .reason-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
  @media (max-width:860px){ .reason-grid{ grid-template-columns:1fr; } }
  .reason-card{
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:1.7rem 1.6rem; box-shadow:var(--shadow);
  }
  .reason-card .ti{ width:32px; height:32px; color:var(--terracotta); margin-bottom:.9rem; }
  .reason-card h3{ font-family:"Montserrat",sans-serif; font-size:1.1rem; margin:0 0 .6rem; color:var(--ink); }
  .reason-card p{ font-size:.88rem; color:var(--ink-soft); line-height:1.6; margin:0; }

  .perso{
    background:var(--pine-deep); border-radius:24px; padding:clamp(2.2rem,4vw,3.2rem) clamp(1.5rem,4vw,3rem);
    position:relative; overflow:hidden;
  }
  .perso::before{
    content:""; position:absolute; inset:0; opacity:.35; pointer-events:none;
    background-image:
      radial-gradient(ellipse at 15% 20%, rgba(253,195,0,.16), transparent 45%),
      radial-gradient(ellipse at 85% 75%, rgba(253,195,0,.18), transparent 45%);
  }
  .perso-head{ position:relative; max-width:56ch; margin:0 0 2.2rem; }
  .perso-head .eyebrow{ color:var(--terracotta-light); }
  .perso-head h2{ color:#ffffff; font-size:clamp(1.4rem,2.6vw,1.9rem); margin:.3rem 0 .8rem; }
  .perso-head p{ color:#e5e5e5; font-size:.92rem; line-height:1.65; margin:0; }

  .perso-grid{
    position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:2.2rem;
  }
  @media (max-width:860px){ .perso-grid{ grid-template-columns:repeat(2,1fr); } }
  .perso-item{
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:14px;
    padding:1.3rem 1.1rem; display:flex; flex-direction:column; gap:.7rem;
    transition:background-color .28s ease, border-color .28s ease, transform .18s cubic-bezier(.34,1.56,.64,1);
  }
  .perso-item:hover{ background:rgba(253,195,0,.12); border-color:rgba(253,195,0,.4); transform:translateY(-3px); }
  .perso-item svg{ width:26px; height:26px; color:var(--terracotta); flex:none; }
  .perso-item span{ color:#f5f5f5; font-size:.86rem; font-weight:500; line-height:1.35; }

  .perso-cta{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; flex-wrap:wrap; }
  .perso-cta p{ margin:0; color:#e5e5e5; font-size:.86rem; }
  .perso-cta p strong{ color:#ffffff; }


  /* -------- Hero page plein cadre + brush -------- */
  .page-hero.page-hero--photo{
    max-width:none; margin:0; margin-top:-5%;
    min-height:90vh; padding:clamp(2.4rem,5vw,3.4rem) clamp(1.2rem,4vw,3rem) clamp(5rem,8vw,7rem);
    display:flex; align-items:center;
    background-size:cover; background-position:center 55%;
    border-radius:0; overflow:hidden; position:relative;
  }
  .page-hero--photo .hero-copy{ max-width:640px; position:relative; z-index:1; }
  .page-hero--photo .model-tagline{ background:rgba(255,255,255,.18); color:#ffffff; }
  .page-hero--photo h1{ color:#ffffff; text-wrap:balance; }
  .page-hero--photo h1 em{ color:var(--terracotta); font-style:normal; }
  .page-hero--photo p.lead{ color:rgba(255,255,255,.92); }
  .page-hero--photo .btn.ghost{ border-color:rgba(255,255,255,.55); color:#ffffff; }
  .page-hero--photo .btn.ghost:hover{ border-color:var(--terracotta-light); color:var(--terracotta-light); }
  .page-hero--photo .badge-row span{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); color:#ffffff; backdrop-filter:blur(6px); }
  .page-hero--photo .badge-row span::before{ background:var(--terracotta); }
  .page-hero--photo .quick-specs span{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); color:#ffffff; backdrop-filter:blur(6px); }
  .page-hero--photo .ac-placeholder{ border-color:rgba(255,255,255,.6); background:rgba(19,46,32,.4); backdrop-filter:blur(6px); }
  .page-hero--photo .ac-placeholder .ac-tag{ color:var(--terracotta); }
  .page-hero--photo .ac-placeholder .ac-label{ color:#ffffff; }
  .hero-brush-img{
    position:absolute; left:0; right:0; bottom:-1px; width:100%; height:auto;
    display:block; pointer-events:none; z-index:2;
  }
  @media (max-width:940px){
    .page-hero.page-hero--photo{ margin-top:-2%; min-height:58vh; background-position:center 70%; align-items:flex-end; }
  }

/* ===== Navigation principale 2026 ===== */
.nav-wrap{ position:relative; gap:1rem; }
.nav-burger{ display:none; width:2.4rem; height:2.4rem; padding:0; border:0; background:none;
  cursor:pointer; align-items:center; justify-content:center; flex:0 0 auto; margin-right:.2rem; }
.nav-burger i{ display:block; width:1.3rem; height:2px; background:var(--black,#111);
  border-radius:2px; position:relative; }
.nav-burger i::before,.nav-burger i::after{ content:''; position:absolute; left:0; width:1.3rem;
  height:2px; background:inherit; border-radius:2px; }
.nav-burger i::before{ top:-6px; } .nav-burger i::after{ top:6px; }

.mainnav{ display:flex; gap:.1rem; align-items:center; }
.nv-item{ position:static; }
.nv-top{ display:inline-flex; align-items:center; gap:.34rem; font-family:"Montserrat",sans-serif;
  font-size:.92rem; font-weight:600; color:var(--black,#111); background:none; border:0;
  cursor:pointer; padding:.55rem .72rem; border-radius:9px; text-decoration:none;
  white-space:nowrap; line-height:1.3; }
.nv-top:hover{ background:rgba(0,0,0,.05); }
.nv-top.current{ box-shadow:inset 0 -3px 0 var(--accent,#fdc300); border-radius:9px 9px 0 0; }
.nv-top[aria-expanded="true"]{ background:rgba(0,0,0,.05); }
.nv-top::after{ display:none !important; }
.nv-chev{ font-size:.58rem; opacity:.55; transition:transform .18s ease; }
.nv-top[aria-expanded="true"] .nv-chev{ transform:rotate(180deg); }

.nv-volet{ position:absolute; left:0; right:0; top:100%; z-index:60; background:#fff;
  border:1px solid rgba(0,0,0,.09); border-radius:0 0 16px 16px;
  box-shadow:0 24px 44px -26px rgba(0,0,0,.45); padding:1.5rem clamp(1.2rem,4vw,3rem) 1.7rem; }
.nv-volet[hidden]{ display:none; }
.nv-volet-in{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.4rem 2.2rem; max-width:1280px; margin:0 auto; }
.nvm-col h4{ font-family:"Montserrat",sans-serif; font-size:.64rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:#6e6e6e; margin:0 0 .5rem; }
.nvm-h4b{ margin-top:1.05rem !important; }
.nvm-col ul{ list-style:none; margin:0; padding:0; }
.nvm-col li{ margin:0; }
.nvm-col li a{ display:block; font-size:.88rem; color:var(--black,#111); text-decoration:none;
  padding:.34rem .5rem; border-radius:7px; line-height:1.4; }
.nvm-col li a:hover{ background:rgba(0,0,0,.05); }
.nvm-col li a b{ font-weight:600; }
.nvm-mini{ display:block; font-size:.75rem; color:#6e6e6e; font-weight:400; }
.nvm-encart{ background:#f7f7f7; border-radius:13px; padding:1rem 1.05rem 1.1rem; }
.nvm-k{ display:block; font-size:.64rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#6e6e6e; margin-bottom:.35rem; }
.nvm-encart p{ font-size:.83rem; color:#4a4a4a; margin:0 0 .7rem; line-height:1.55; }
.nvm-encart a{ font-size:.83rem; font-weight:700; color:var(--black,#111); text-decoration:underline;
  text-decoration-color:var(--accent,#fdc300); text-decoration-thickness:2px; text-underline-offset:3px; }

.nav-actions{ display:flex; align-items:center; gap:.9rem; flex:0 0 auto; }
.nav-tel{ font-family:"Montserrat",sans-serif; font-size:.9rem; font-weight:700;
  color:var(--black,#111); white-space:nowrap; cursor:default; }

.nv-panneau{ display:none; }
.nv-panneau[hidden]{ display:none !important; }

@media (max-width:940px){
  .nav-burger{ display:flex; }
  .mainnav{ display:none !important; }
  .nav-tel{ display:none; }
  .nv-panneau{ display:block; position:relative; z-index:55; background:#fff;
    border-top:1px solid rgba(0,0,0,.09); padding:.3rem clamp(1.2rem,4vw,3rem) 1.1rem; }
  .nvp-item{ border-bottom:1px solid rgba(0,0,0,.08); }
  .nvp-tete{ width:100%; display:flex; justify-content:space-between; align-items:center;
    font-family:"Montserrat",sans-serif; font-size:.95rem; font-weight:700; color:var(--black,#111);
    background:none; border:0; cursor:pointer; padding:.9rem .2rem; text-align:left;
    text-decoration:none; }
  .nvp-signe{ font-weight:600; opacity:.6; }
  .nvp-sous{ padding:0 .2rem .7rem; }
  .nvp-sous[hidden]{ display:none; }
  .nvp-sous a{ display:block; font-size:.87rem; color:#4a4a4a; text-decoration:none; padding:.42rem 0; }
  .nvp-pied{ padding:.9rem .2rem 0; }
  .nvp-tel{ display:block; text-align:center; padding:.75rem; border-radius:999px;
    border:1.5px solid var(--black,#111); font-size:.9rem; font-weight:700; }
}
@media (prefers-reduced-motion:reduce){ .nv-chev{ transition:none; } }


/* ===== Menu : numero cliquable, plus de brush ===== */
a.nav-tel{ text-decoration:none; }
a.nav-tel:hover{ text-decoration:underline; text-underline-offset:3px; }
a.nvp-tel{ text-decoration:none; }
header.top .top-brush{ display:none !important; }
header.top{ background:#fff; border-bottom:1px solid rgba(0,0,0,.09); }
header.top.scrolled{ border-bottom-color:rgba(0,0,0,.09); }
.nv-volet{ border-top:0; }


/* ===== Passe design : plus de brush, coordonnees en pied ===== */
.brush-wrap{ position:relative; display:inline; }
.brush-wrap em{ font-style:normal; color:var(--black,#111111);
  box-shadow:inset 0 -.30em 0 rgba(253,195,0,.42); }
.page-hero--photo .brush-wrap em,
.hero-copy .brush-wrap em{ color:#fdc300; box-shadow:none; }
.brush-svg,.hero-brush-img,.top-brush,.brush-img,.brush-bottom{ display:none !important; }
.page-hero--photo{ border-radius:0 0 22px 22px; }

.foot-nap{ margin-top:1.1rem; display:grid; gap:.5rem; }
.foot-nap p{ display:flex; align-items:flex-start; gap:.55rem; margin:0;
  font-size:.85rem; color:var(--ink-soft); line-height:1.5; }
.foot-nap svg{ width:1rem; height:1rem; flex:0 0 auto; margin-top:.18rem;
  stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.foot-nap a{ color:inherit; text-decoration:none; font-weight:700; }
.foot-nap a:hover{ text-decoration:underline; text-underline-offset:3px; }