:root {
      --bg: #faf5ed;
      --paper: #ffffff;
      --ink: #372f2c;
      --muted: #5f5751;
      --line: rgba(55,47,44,.12);
      --coral: #9f6248;
      --coral-soft: #ecd8ca;
      --sage: #5f7052;
      --sage-soft: #e6ebd8;
      --sun: #b78324;
      --sun-soft: #f2e6c4;
      --shadow: 0 18px 40px rgba(55,47,44,.10);
      --radius: 24px;
      --serif: Georgia, "Times New Roman", serif;
      --sans: Inter, "Segoe UI", Arial, sans-serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--bg);
      font-family: var(--sans);
      line-height: 1.68;
      overflow-x: hidden;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .10;
      background-image: radial-gradient(rgba(74,64,61,.22) .5px, transparent .5px);
      background-size: 18px 18px;
      mask-image: linear-gradient(to bottom, black, transparent 58%);
      z-index: -2;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    p { margin: 0 0 1rem; }
    h1, h2, h3 { margin: 0; font-family: var(--serif); font-weight: 500; line-height: 1.13; }
    h1 { font-size: clamp(1.45rem, 2.2vw, 2.05rem); letter-spacing: -.02em; line-height: 1.18; }
    h2 { font-size: clamp(1.18rem, 1.8vw, 1.5rem); letter-spacing: -.01em; line-height: 1.2; }
    h3 { font-size: 1rem; letter-spacing: -.005em; }

    .wrap { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
    .section { position: relative; padding: 92px 0; }
    .section.soft { background: rgba(255,255,255,.62); }
    .section-head { max-width: 720px; margin-bottom: 42px; }
    .section-head p { color: var(--muted); font-size: 1.05rem; margin-top: 16px; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 17px;
      color: #7d8a68;
      font-size: .73rem;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--coral); border-radius: 99px; }

    .nav-shell {
      position: sticky;
      top: 0;
      z-index: 30;
      background: rgba(251,247,239,.88);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--line);
    }
    nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
    .brand { font-family: var(--serif); font-size: 1.28rem; font-weight: 700; line-height: 1.1; }
    .brand small { display: block; margin-top: 5px; color: var(--muted); font: 700 .64rem/1.1 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
    .nav-links { display: flex; align-items: center; gap: 22px; font-size: .9rem; font-weight: 700; }
    .nav-links a:not(.btn) { position: relative; }
    .nav-links a:not(.btn)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -5px; height: 1px; background: var(--coral); transition: .22s ease; }
    .nav-links a:not(.btn):hover::after { right: 0; }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 46px;
      padding: 12px 20px;
      border-radius: 999px;
      border: 1px solid transparent;
      background: var(--coral);
      color: #fff;
      font-size: .9rem;
      font-weight: 800;
      box-shadow: 0 10px 22px rgba(184,116,87,.20);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .btn:hover { transform: translateY(-2px); box-shadow: 0 15px 28px rgba(184,116,87,.24); }
    .btn.secondary { background: transparent; color: var(--ink); border-color: var(--line); box-shadow: none; }
    .btn.secondary:hover { background: #fff; box-shadow: var(--shadow); }

    .hero { position: relative; min-height: 660px; display: flex; align-items: center; padding: 70px 0 72px; overflow: hidden; }
    .hero-grid { display: grid; grid-template-columns: 1.06fr .94fr; gap: 76px; align-items: center; }
    .hero-copy { max-width: 690px; margin-top: 24px; color: var(--muted); font-size: 1.12rem; }
    .hero h1 em { color: var(--sun); font-weight: 600; font-style: normal; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
    .hero-note { display: flex; align-items: center; gap: 12px; margin-top: 28px; color: var(--muted); font-size: .88rem; }
    .hero-note span { width: 34px; height: 1px; background: var(--sage); }

    .portrait-wrap { position: relative; min-height: 540px; }
    .portrait-wrap::before {
      content: "";
      position: absolute;
      inset: 22px 12px 40px 44px;
      border-radius: 36px 120px 28px 96px;
      background: linear-gradient(145deg, var(--sun-soft) 0%, #efe2cf 45%, var(--sage-soft) 100%);
      box-shadow: 0 18px 36px rgba(95,78,66,.05);
      transform: rotate(-3deg);
    }
    .portrait-wrap::after {
      content: "";
      position: absolute;
      width: 150px;
      height: 150px;
      left: 6px;
      bottom: 12px;
      border-radius: 52% 48% 58% 42% / 46% 54% 46% 54%;
      background: rgba(143,155,119,.18);
      z-index: 0;
    }
    .portrait-shape {
      position: absolute;
      inset: 34px 28px 28px 62px;
      overflow: hidden;
      border-radius: 30px 108px 26px 90px;
      background: linear-gradient(180deg, #fcfbf7 0%, #f4efe6 100%);
      border: 1px solid rgba(79,70,63,.08);
      box-shadow: 0 20px 44px rgba(95,78,66,.10);
      padding: 16px;
      z-index: 1;
    }
    .portrait-shape img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 34%;
      border-radius: 24px 92px 22px 76px;
    }
    .portrait-caption {
      position: absolute;
      left: 0;
      bottom: 34px;
      width: min(250px, 68%);
      padding: 14px 16px;
      border-radius: 16px;
      background: rgba(255,255,255,.86);
      box-shadow: 0 10px 24px rgba(73,61,57,.08);
      font-family: var(--serif);
      font-size: .92rem;
      line-height: 1.36;
      transform: rotate(-2deg);
      z-index: 3;
    }
    .portrait-dot { position: absolute; width: 54px; height: 54px; border-radius: 50%; background: rgba(201,164,89,.78); right: 12px; top: 20px; opacity: .95; z-index: 2; }
    .portrait-line { position: absolute; width: 96px; height: 16px; border-top: 1.5px solid rgba(184,116,87,.85); border-radius: 50%; right: 10px; bottom: 92px; transform: rotate(-14deg); z-index: 2; }
    .hero-blob { position: absolute; border-radius: 50%; filter: blur(.2px); z-index: -1; }
    .hero-blob.one { width: 240px; height: 240px; background: rgba(143,155,119,.16); right: -80px; top: 46px; }
    .hero-blob.two { width: 160px; height: 160px; background: rgba(184,116,87,.10); left: -80px; bottom: 20px; }

    .intro-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: start; }
    .intro-quote { position: sticky; top: 110px; padding: 30px 0 0 28px; border-left: 3px solid var(--sun); }
    .intro-quote p { font-family: var(--serif); font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.35; }
    .intro-quote small { color: var(--muted); }
    .recognition-list { display: grid; gap: 0; }
    .recognition-item { display: grid; grid-template-columns: 36px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
    .recognition-item:first-child { padding-top: 0; }
    .recognition-item:last-child { border-bottom: 0; }
    .recognition-item .dot { width: 12px; height: 12px; margin-top: 8px; border-radius: 50%; background: var(--coral); box-shadow: 16px 10px 0 var(--sage-soft); }
    .recognition-item:nth-child(2) .dot { background: var(--sage); box-shadow: 16px 10px 0 var(--sun-soft); }
    .recognition-item:nth-child(3) .dot { background: var(--sun); box-shadow: 16px 10px 0 var(--coral-soft); }
    .recognition-item p { margin: 7px 0 0; color: var(--muted); }

    .approach-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; align-items: center; }
    .approach-copy p { color: var(--muted); font-size: 1.04rem; }
    .approach-signature { margin-top: 24px; font-family: var(--serif); font-size: 1.28rem; color: #6f8278; }
    .approach-steps {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      position: relative;
      align-items: stretch;
    }
    .approach-card {
      min-height: 142px;
      padding: 18px 19px;
      border-radius: 19px;
      background: #fff;
      border: 1px solid rgba(74,64,61,.09);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
    .approach-card:nth-child(1) { transform: none; background: var(--sage-soft); }
    .approach-card:nth-child(2) { transform: none; background: #fff; }
    .approach-card:nth-child(3) { transform: none; background: #f1e6da; }
    .approach-card:nth-child(4) { transform: none; background: var(--sun-soft); }
    .approach-card span {
      display: block;
      margin-bottom: 9px;
      color: var(--muted);
      font-size: .67rem;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .approach-card h3 { font-size: 1.24rem; }
    .approach-card p { margin: 6px 0 0; color: var(--muted); font-size: .87rem; line-height: 1.5; }

    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: start; }
    .service { position: relative; min-height: 430px; padding: 32px; border-radius: var(--radius); background: var(--paper); border: 1px solid var(--line); overflow: hidden; transition: .22s ease; }
    .service:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
    .service:nth-child(2) { margin-top: 34px; }
    .service::after { content: ""; position: absolute; width: 84px; height: 84px; border-radius: 50%; right: -30px; top: -30px; background: var(--coral-soft); }
    .service:nth-child(2)::after { background: var(--sage-soft); }
    .service:nth-child(3)::after { background: var(--sun-soft); }
    .service-tag { display: inline-block; margin-bottom: 24px; color: #7d8a68; font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
    .service p { color: var(--muted); }
    .service ul { padding: 0; margin: 22px 0; list-style: none; }
    .service li { padding: 8px 0 8px 18px; position: relative; border-bottom: 1px solid rgba(74,64,61,.07); font-size: .92rem; }
    .service li::before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 17px; background: var(--coral); }
    .service:nth-child(2) li::before { background: var(--sage); }
    .service:nth-child(3) li::before { background: #c9ad55; }
    .service-foot { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); font-size: .88rem; font-weight: 800; }
    .service-foot a { color: #7a8e84; }

    .body-band { overflow: hidden; }
    .body-panel { display: grid; grid-template-columns: .95fr 1.05fr; border-radius: 34px; background: #75836a; color: #fff; overflow: hidden; }
    .body-copy { padding: 58px; }
    .body-copy .eyebrow { color: #fff; }
    .body-copy p { color: rgba(255,255,255,.78); }
    .body-list { padding: 42px; background: rgba(255,255,255,.1); display: grid; align-content: center; gap: 0; }
    .body-line { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
    .body-line:last-child { border-bottom: 0; }
    .body-line strong { font-family: var(--serif); font-size: 1.18rem; }
    .body-line span { color: rgba(255,255,255,.75); text-align: right; }

    .retirement { position: relative; padding: 72px 0; }
    .retirement-box { display: grid; grid-template-columns: 1.2fr .8fr; gap: 56px; align-items: center; padding: 54px; border-radius: 32px; background: var(--sun-soft); }
    .retirement-box h2 { max-width: 670px; }
    .retirement-box p { color: var(--muted); }
    .retirement-note { padding: 28px; border-radius: 24px; background: rgba(255,255,255,.72); transform: rotate(1.5deg); }
    .retirement-note strong { display: block; margin-bottom: 8px; font-family: var(--serif); font-size: 1.45rem; color: #8f6a48; }

    .writing-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
    .paper { position: relative; padding: 46px; border-radius: 8px 28px 28px 28px; background: #fff; box-shadow: var(--shadow); transform: rotate(-1deg); }
    .paper::before { content: ""; position: absolute; width: 80px; height: 20px; left: 42%; top: -10px; background: rgba(242,217,144,.8); transform: rotate(2deg); }
    .paper blockquote { margin: 0; font-family: var(--serif); font-size: clamp(1.5rem, 2.4vw, 2.1rem); line-height: 1.45; }
    .writing-copy p { color: var(--muted); }
    .writing-points { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 28px; }
    .writing-points span { padding: 8px 12px; border-radius: 999px; background: var(--coral-soft); font-size: .82rem; font-weight: 700; }
    .writing-points span:nth-child(2n) { background: var(--sage-soft); }
    .writing-points span:nth-child(3n) { background: var(--sun-soft); }

    .about-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 72px; align-items: start; }
    .about-copy p { color: var(--muted); }
    .about-quote { margin-top: 28px; padding: 22px 0 22px 24px; border-left: 2px solid var(--coral); font-family: var(--serif); font-size: 1.35rem; }
    .timeline { display: grid; gap: 0; padding-top: 6px; }
    .timeline-item { display: grid; grid-template-columns: 88px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }
    .timeline-item:last-child { border-bottom: 0; }
    .timeline-item strong { color: #7d8a68; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
    .timeline-item p { margin: 0; color: var(--muted); }

    #articles { padding-top: 62px; padding-bottom: 68px; }
    .journal-head { display: block; max-width: 760px; margin-bottom: 20px; }
    .journal-head .eyebrow { margin-bottom: 8px; }
    .journal-head h2 { margin-bottom: 0; }
    .journal-head p { max-width: 700px; margin: 10px 0 0; color: var(--muted); line-height: 1.5; }
    .articles { display: grid; grid-template-columns: 1.25fr .85fr .85fr; gap: 12px; }
    .article { min-height: 205px; padding: 22px 23px; border-radius: 21px; background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; }
    .article:first-child { background: var(--sage-soft); min-height: 205px; }
    .article:nth-child(2) { background: #f1e6da; }
    .article:nth-child(3) { background: var(--sun-soft); }
    .article .meta { margin: 0 0 14px; color: var(--muted); font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .article h3 { margin: 0 0 8px; line-height: 1.22; }
    .article p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.52; }

    .contact { padding: 96px 0 42px; }
    .contact-box { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; padding: 58px; border-radius: 36px; background: #fff; box-shadow: var(--shadow); overflow: hidden; }
    .contact-box::before { content: ""; position: absolute; width: 180px; height: 180px; border-radius: 50%; background: var(--coral-soft); right: -80px; top: -80px; }
    .contact-box::after { content: ""; position: absolute; width: 110px; height: 110px; border-radius: 48% 52% 64% 36%; background: var(--sage-soft); left: -44px; bottom: -42px; }
    .contact-copy, .contact-card { position: relative; z-index: 1; }
    .contact-copy p { color: var(--muted); max-width: 620px; }
    .contact-card { padding: 28px; border-radius: 24px; background: var(--bg); }
    .contact-card p { margin: 0 0 10px; }
    .contact-card a { font-weight: 800; color: #7d8a68; }
    .contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

    .faq { max-width: 860px; margin: 40px auto 0; }
    details { padding: 18px 0; border-bottom: 1px solid var(--line); }
    summary { cursor: pointer; list-style: none; font-weight: 800; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; float: right; color: var(--coral); font-size: 1.2rem; }
    details[open] summary::after { content: "−"; }
    details p { margin: 12px 0 0; color: var(--muted); }

    footer { padding: 30px 0 36px; color: var(--muted); font-size: .82rem; }
    .footer-grid { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid var(--line); }

    .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    @media (max-width: 980px) {
      .nav-links a:not(.btn) { display: none; }
      .hero-grid, .intro-grid, .approach-grid, .body-panel, .retirement-box, .writing-grid, .about-grid, .contact-box { grid-template-columns: 1fr; }
      .hero { min-height: auto; }
      .portrait-wrap { min-height: 510px; max-width: 580px; width: 100%; margin: 0 auto; }
      .intro-quote { position: relative; top: auto; }
      .services-grid { grid-template-columns: 1fr 1fr; }
      .service:nth-child(2) { margin-top: 0; }
      .service:last-child { grid-column: 1 / -1; min-height: 330px; }
      .articles { grid-template-columns: 1fr 1fr; }
      .article:first-child { grid-column: 1 / -1; }
      .body-copy, .body-list { padding: 42px; }
    }

    @media (max-width: 680px) {
      .wrap { width: min(100% - 26px, 1160px); }
      .section { padding: 72px 0; }
      h1 { font-size: clamp(1.32rem, 6vw, 1.7rem); }
      h2 { font-size: clamp(1.12rem, 5vw, 1.35rem); }
      .brand small { display: none; }
      nav { min-height: 68px; }
      .nav-links .btn { padding: 10px 14px; font-size: .78rem; min-height: 40px; }
      .hero { padding: 56px 0 66px; }
      .hero-grid { gap: 44px; }
      .portrait-wrap { min-height: 410px; }
      .portrait-shape { inset: 24px 12px 16px 34px; padding: 12px; border-radius: 24px 72px 22px 64px; }
      .portrait-caption { left: 0; bottom: 18px; font-size: .8rem; max-width: 220px; }
      .approach-steps, .services-grid, .articles { grid-template-columns: 1fr; }
      #articles { padding-top: 52px; padding-bottom: 56px; }
      .article, .article:first-child { min-height: auto; padding: 20px; }
      .approach-card:nth-child(1), .approach-card:nth-child(4) { transform: none; }
      .service, .service:last-child { grid-column: auto; min-height: auto; }
      .body-copy, .body-list, .retirement-box, .paper, .contact-box { padding: 30px 24px; }
      .body-line { display: block; }
      .body-line span { display: block; text-align: left; margin-top: 4px; }
      .journal-head { display: block; }
      .journal-head p { margin-top: 9px; }
      .timeline-item { grid-template-columns: 1fr; gap: 5px; }
      .contact-actions, .hero-actions { flex-direction: column; align-items: stretch; }
      .btn { width: 100%; }
    }

    @media (max-width: 650px) {
      .approach-steps { grid-template-columns: 1fr; gap: 8px; }
      .approach-card { min-height: auto; padding: 17px 18px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
      .reveal { opacity: 1; transform: none; }
    }

    /* HARMONISATION — COULEURS DOUCES MAIS AVEC PLUS DE CONTRASTE */
    :root {
      --bg: #faf6ef;
      --paper: #ffffff;
      --ink: #403733;
      --muted: #625852;
      --line: rgba(64,55,51,.12);
      --coral: #a96043;
      --coral-soft: #ead8cd;
      --sage: #73805e;
      --sage-soft: #e7ebdc;
      --sun: #b28f42;
      --sun-soft: #f1e7cd;
      --shadow: 0 16px 36px rgba(64,55,51,.09);
    }

    body { background: linear-gradient(180deg, #faf6ef 0%, #fffdf9 100%); }
    body::before {
      opacity: .12;
      background-image: radial-gradient(rgba(64,55,51,.24) .55px, transparent .55px);
    }

    .section.soft { background: rgba(255,255,255,.72); }
    .section-head p, .hero-copy, .approach-copy p, .writing-copy p, .about-copy p,
    .recognition-item p, .contact-copy p, .article p, .service p, .retirement-box p,
    .timeline-item p, .body-line span, .hero-note, .contact-card p { color: var(--muted); }

    .eyebrow { color: var(--sage); }
    .eyebrow::before { background: var(--sun); }
    .brand { color: var(--ink); }
    .brand small { color: var(--sage); }
    .nav-links a:not(.btn)::after { background: var(--sun); }
    .nav-shell { background: rgba(250,246,239,.92); }

    .btn {
      background: linear-gradient(135deg, var(--coral) 0%, #bc7a59 100%);
      box-shadow: 0 12px 24px rgba(169,96,67,.24);
    }
    .btn:hover { box-shadow: 0 16px 30px rgba(169,96,67,.30); }
    .btn.secondary {
      color: var(--ink);
      border-color: rgba(64,55,51,.14);
      background: rgba(255,255,255,.75);
    }

    .hero h1 em { color: var(--sun); }
    .hero-note span { background: var(--sun); }
    .portrait-wrap::before {
      background: linear-gradient(145deg, #f1e7cd 0%, #e6d4bf 42%, #dfe6d3 100%);
      box-shadow: 0 18px 34px rgba(64,55,51,.06);
    }
    .portrait-wrap::after { background: rgba(115,128,94,.22); }
    .portrait-shape {
      background: linear-gradient(180deg, #fffdfa 0%, #f4efe6 100%);
      box-shadow: 0 20px 42px rgba(64,55,51,.12);
    }
    .portrait-dot { background: rgba(178,143,66,.85); }
    .portrait-line { border-top-color: rgba(169,96,67,.88); }
    .portrait-caption {
      background: rgba(255,255,255,.94);
      box-shadow: 0 12px 24px rgba(64,55,51,.10);
    }

    .recognition-item .dot { background: var(--coral); box-shadow: 16px 10px 0 rgba(115,128,94,.20); }
    .recognition-item:nth-child(2) .dot { background: var(--sage); box-shadow: 16px 10px 0 rgba(178,143,66,.20); }
    .recognition-item:nth-child(3) .dot { background: var(--sun); box-shadow: 16px 10px 0 rgba(169,96,67,.16); }

    .approach-signature { color: var(--sage); }
    .approach-card {
      border-color: rgba(64,55,51,.10);
      box-shadow: 0 10px 20px rgba(64,55,51,.04);
    }
    .approach-card:nth-child(1) { background: #e5ecde; }
    .approach-card:nth-child(2) { background: #fffdfa; }
    .approach-card:nth-child(3) { background: #eee0d5; }
    .approach-card:nth-child(4) { background: #f3ead1; }

    .service, .article, .contact-box, .paper, .contact-card { border-color: rgba(64,55,51,.10); }
    .service { box-shadow: 0 8px 20px rgba(64,55,51,.04); }
    .service:hover { box-shadow: 0 16px 30px rgba(64,55,51,.10); }
    .service::after { background: #ead8cd; }
    .service:nth-child(2)::after { background: #e4eadb; }
    .service:nth-child(3)::after { background: #f1e7cd; }
    .service-tag { color: var(--sage); }
    .service li::before { background: var(--coral); }
    .service:nth-child(2) li::before { background: var(--sage); }
    .service:nth-child(3) li::before { background: var(--sun); }
    .service-foot a { color: var(--coral); }

    .body-panel {
      background: linear-gradient(135deg, #6f7b5d 0%, #7c8868 100%);
      box-shadow: 0 18px 36px rgba(64,55,51,.10);
    }
    .body-list { background: rgba(255,255,255,.12); }

    .retirement-box { background: linear-gradient(135deg, #f0e6cb 0%, #f6efdd 100%); }
    .retirement-note {
      background: rgba(255,255,255,.82);
      box-shadow: 0 12px 26px rgba(64,55,51,.06);
    }
    .retirement-note strong { color: #8e7340; }

    .paper { box-shadow: 0 18px 34px rgba(64,55,51,.08); }
    .paper::before { background: rgba(178,143,66,.70); }
    .writing-points span:nth-child(1), .writing-points span:nth-child(4), .writing-points span:nth-child(7) { background: #ead8cd; }
    .writing-points span:nth-child(2), .writing-points span:nth-child(5), .writing-points span:nth-child(8) { background: #e4eadb; }
    .writing-points span:nth-child(3), .writing-points span:nth-child(6), .writing-points span:nth-child(9) { background: #f1e7cd; }

    .about-quote { border-left-color: var(--sun); }
    .timeline-item strong { color: var(--sage); }

    .article { min-height: 235px; box-shadow: 0 8px 18px rgba(64,55,51,.04); }
    .article:first-child { background: #e4eadb; }
    .article:nth-child(2) { background: #ead8cd; }
    .article:nth-child(3) { background: #f1e7cd; }
    .article .meta { color: var(--ink); opacity: .78; }
    .article h3 { margin: 18px 0 10px; }

    .contact-box::before { background: #ead8cd; }
    .contact-box::after { background: #e4eadb; }
    .contact-card { background: #fffcf7; box-shadow: inset 0 0 0 1px rgba(64,55,51,.04); }
    .contact-card a { color: var(--coral); }
    details { border-bottom-color: rgba(64,55,51,.12); }
    summary::after { color: var(--sun); }
    footer { color: var(--muted); }


    /* CONTRASTE SIGNATURE */
    body { background: linear-gradient(180deg, #faf5ed 0%, #fffdf9 100%) !important; }
    .nav-shell { background: rgba(250,245,237,.94) !important; }
    .eyebrow { color: var(--sage) !important; }
    .eyebrow::before { background: var(--sun) !important; }
    .btn {
      background: linear-gradient(135deg, #95573f 0%, #ad7053 100%) !important;
      box-shadow: 0 12px 26px rgba(159,98,72,.28) !important;
    }
    .btn.secondary {
      background: rgba(255,255,255,.86) !important;
      border-color: rgba(55,47,44,.14) !important;
    }
    .hero-copy { color: var(--muted) !important; }
    .portrait-wrap::before {
      background: linear-gradient(145deg, #f2e6c4 0%, #ead5bb 36%, #dfe7cf 100%) !important;
      box-shadow: 0 20px 42px rgba(55,47,44,.08) !important;
    }
    .portrait-wrap::after { background: rgba(95,112,82,.26) !important; }
    .portrait-shape {
      box-shadow: 0 22px 46px rgba(55,47,44,.14) !important;
      border-color: rgba(55,47,44,.10) !important;
    }
    .portrait-dot { background: rgba(183,131,36,.90) !important; }
    .portrait-line { border-top-color: rgba(159,98,72,.95) !important; }
    .approach-card, .service, .article, .paper, .contact-box, .contact-card, .retirement-note {
      box-shadow: 0 12px 28px rgba(55,47,44,.08) !important;
    }
    .approach-card:nth-child(1), .article:first-child { background: #dfe7cf !important; }
    .approach-card:nth-child(2) { background: #fffdfa !important; }
    .approach-card:nth-child(3), .article:nth-child(2) { background: #ead6c9 !important; }
    .approach-card:nth-child(4), .article:nth-child(3) { background: #f0e2bc !important; }
    .service::after { background: #ead6c9 !important; }
    .service:nth-child(2)::after { background: #dfe7cf !important; }
    .service:nth-child(3)::after { background: #f0e2bc !important; }
    .body-panel {
      background: linear-gradient(135deg, #556547 0%, #667957 100%) !important;
      box-shadow: 0 20px 44px rgba(55,47,44,.14) !important;
    }
    .retirement-box {
      background: linear-gradient(135deg, #efdfb9 0%, #f7edda 100%) !important;
      box-shadow: 0 14px 30px rgba(55,47,44,.06) !important;
    }
    .paper::before { background: rgba(183,131,36,.78) !important; }
    .writing-points span { color: #4f463f !important; }
    .writing-points span:nth-child(1), .writing-points span:nth-child(4), .writing-points span:nth-child(7) { background: #ead6c9 !important; }
    .writing-points span:nth-child(2), .writing-points span:nth-child(5), .writing-points span:nth-child(8) { background: #dfe7cf !important; }
    .writing-points span:nth-child(3), .writing-points span:nth-child(6), .writing-points span:nth-child(9) { background: #f0e2bc !important; }
    .contact-box::before { background: #ead6c9 !important; }
    .contact-box::after { background: #dfe7cf !important; }
    .contact-card a, .service-foot a { color: var(--coral) !important; }
    summary::after { color: var(--sun) !important; }


    /* PLUS COLORÉ — FOND CLAIR ET PASTELS PLUS PRÉSENTS */
    :root {
      --bg: #fcf7ef;
      --paper: #fffdfa;
      --ink: #372f2c;
      --muted: #5f5751;
      --coral: #a45f43;
      --coral-soft: #efd9cb;
      --sage: #647554;
      --sage-soft: #e3ead5;
      --sun: #bf9131;
      --sun-soft: #f5e7bf;
    }

    body {
      background:
        radial-gradient(circle at 8% 10%, rgba(239,217,203,.45) 0 14%, transparent 14.5%),
        radial-gradient(circle at 90% 16%, rgba(227,234,213,.55) 0 16%, transparent 16.5%),
        radial-gradient(circle at 86% 82%, rgba(245,231,191,.55) 0 14%, transparent 14.5%),
        linear-gradient(180deg, #fcf7ef 0%, #fffdf8 100%) !important;
    }

    .hero {
      background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
        linear-gradient(135deg, rgba(239,217,203,.35) 0%, rgba(255,255,255,0) 34%),
        linear-gradient(225deg, rgba(227,234,213,.38) 0%, rgba(255,255,255,0) 32%);
      border-bottom: 1px solid rgba(55,47,44,.06);
    }
    .section.soft { background: rgba(255,255,255,.76) !important; }
    .section:nth-of-type(odd):not(.hero):not(.contact) {
      background-image: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0));
    }

    .eyebrow {
      background: rgba(255,255,255,.74);
      padding: 7px 12px;
      border-radius: 999px;
      box-shadow: 0 8px 18px rgba(55,47,44,.05);
    }
    .eyebrow::before { width: 18px; }

    .portrait-wrap::before {
      background: linear-gradient(145deg, #f6e7bf 0%, #f0d8c7 38%, #dfe8cf 100%) !important;
      box-shadow: 0 22px 44px rgba(55,47,44,.09) !important;
    }
    .portrait-wrap::after { background: rgba(100,117,84,.24) !important; }
    .portrait-shape {
      background: linear-gradient(180deg, #fffdfa 0%, #f7f1e8 100%) !important;
    }

    .intro-quote { border-left-color: var(--coral) !important; }
    .recognition-item { border-bottom-color: rgba(55,47,44,.09) !important; }

    .approach-card {
      border-color: rgba(55,47,44,.08) !important;
      box-shadow: 0 12px 26px rgba(55,47,44,.06) !important;
    }
    .approach-card:nth-child(1) { background: #e1e9d2 !important; }
    .approach-card:nth-child(2) { background: #fff8ef !important; }
    .approach-card:nth-child(3) { background: #efd9cb !important; }
    .approach-card:nth-child(4) { background: #f5e7bf !important; }

    .service {
      background: #fffdfa !important;
      box-shadow: 0 14px 30px rgba(55,47,44,.06) !important;
    }
    .service:nth-child(1) { background: linear-gradient(180deg, #fffdfa 0%, #fcf4ef 100%) !important; }
    .service:nth-child(2) { background: linear-gradient(180deg, #fffdfa 0%, #f4f7ef 100%) !important; }
    .service:nth-child(3) { background: linear-gradient(180deg, #fffdfa 0%, #fbf6ea 100%) !important; }
    .service::after { width: 96px !important; height: 96px !important; }

    .body-panel {
      background: linear-gradient(135deg, #5e704f 0%, #73845f 52%, #8d7247 100%) !important;
    }
    .body-list { background: rgba(255,255,255,.14) !important; }

    .retirement-box {
      background: linear-gradient(135deg, #f5e7bf 0%, #f8efe0 52%, #f0dccb 100%) !important;
      box-shadow: 0 16px 34px rgba(55,47,44,.06);
    }
    .retirement-note { background: rgba(255,255,255,.88) !important; }

    .paper {
      background: linear-gradient(180deg, #fffdfa 0%, #fdf8f2 100%) !important;
      box-shadow: 0 18px 36px rgba(55,47,44,.08) !important;
    }

    .about-quote { color: var(--ink); }

    .article {
      box-shadow: 0 12px 24px rgba(55,47,44,.05) !important;
      border-color: rgba(55,47,44,.08) !important;
    }
    .article:first-child { background: linear-gradient(180deg, #e1e9d2 0%, #edf3e2 100%) !important; }
    .article:nth-child(2) { background: linear-gradient(180deg, #efd9cb 0%, #f5e6dd 100%) !important; }
    .article:nth-child(3) { background: linear-gradient(180deg, #f5e7bf 0%, #f8efda 100%) !important; }

    .contact-box {
      background: linear-gradient(135deg, #fffdfa 0%, #f9f5ec 100%) !important;
      box-shadow: 0 18px 38px rgba(55,47,44,.09) !important;
    }
    .contact-card {
      background: linear-gradient(180deg, #fffdfa 0%, #fcf6ef 100%) !important;
    }


    /* DIRECTION GRAPHIQUE — PLUS COLORÉE, ASYMÉTRIQUE ET SINGULIÈRE */
    :root{
      --terracotta:#B86143;
      --terracotta-soft:#F0D2C1;
      --ochre:#D2A12A;
      --ochre-soft:#F5E5A9;
      --olive:#66784B;
      --olive-soft:#DDE6C8;
      --petrol:#356D68;
      --petrol-soft:#CFE4DF;
      --ink:#322D2A;
      --muted:#5D5550;
      --bg:#FBF5E9;
      --paper:#FFFDF8;
    }

    body{
      background:
        linear-gradient(90deg, rgba(210,161,42,.06) 0 7%, transparent 7% 100%),
        linear-gradient(180deg,#FBF5E9 0%,#FFFDF8 100%) !important;
    }
    body::before{
      opacity:.08 !important;
      background-size:22px 22px !important;
    }

    .nav-shell{
      background:rgba(251,245,233,.92) !important;
      border-bottom:2px solid rgba(50,45,42,.08) !important;
    }
    .brand small{color:var(--petrol) !important}
    .nav-links a:not(.btn)::after{background:var(--ochre) !important;height:2px !important}

    .btn{
      background:var(--terracotta) !important;
      box-shadow:0 12px 0 rgba(184,97,67,.14) !important;
    }
    .btn:hover{
      transform:translateY(-3px) !important;
      box-shadow:0 16px 0 rgba(184,97,67,.16) !important;
    }
    .btn.secondary{
      background:#fffdf8 !important;
      border:2px solid rgba(50,45,42,.10) !important;
    }

    .hero{
      position:relative;
      background:
        linear-gradient(105deg, rgba(245,229,169,.58) 0 31%, transparent 31.2%),
        linear-gradient(180deg, rgba(255,253,248,.82), rgba(255,253,248,.15)) !important;
      border-bottom:0 !important;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute;
      width:330px;
      height:510px;
      right:-78px;
      top:72px;
      border-radius:170px 0 0 170px;
      background:var(--petrol-soft);
      z-index:0;
      opacity:.9;
    }
    .hero::after{
      content:"";
      position:absolute;
      width:18px;
      height:175px;
      left:0;
      top:135px;
      background:var(--terracotta);
      border-radius:0 12px 12px 0;
      z-index:1;
    }
    .hero .wrap{position:relative;z-index:2}
    .hero h1 em{
      color:var(--terracotta) !important;
      background:linear-gradient(transparent 63%, rgba(210,161,42,.42) 63%) !important;
      padding:0 .08em;
    }
    .hero-copy{color:#4F4742 !important}
    .hero-note span{background:var(--petrol) !important;height:2px !important}
    .hero-blob.one{
      width:115px !important;
      height:115px !important;
      right:26px !important;
      top:35px !important;
      background:var(--ochre) !important;
      opacity:.72 !important;
      z-index:1 !important;
    }
    .hero-blob.two{
      width:135px !important;
      height:58px !important;
      left:-32px !important;
      bottom:42px !important;
      border-radius:0 50px 50px 0 !important;
      background:var(--olive) !important;
      opacity:.78 !important;
      z-index:1 !important;
    }

    .portrait-wrap::before{
      background:linear-gradient(145deg,var(--ochre-soft) 0 34%,var(--terracotta-soft) 34% 67%,var(--olive-soft) 67% 100%) !important;
      box-shadow:none !important;
      transform:rotate(-4deg) !important;
    }
    .portrait-wrap::after{
      width:132px !important;
      height:132px !important;
      background:var(--petrol) !important;
      opacity:.88 !important;
      left:16px !important;
      bottom:4px !important;
    }
    .portrait-shape{
      background:#fffdf8 !important;
      border:3px solid #fffdf8 !important;
      box-shadow:0 24px 50px rgba(50,45,42,.15) !important;
    }
    .portrait-caption{
      border-left:5px solid var(--terracotta) !important;
      background:rgba(255,253,248,.95) !important;
      border-radius:4px 18px 18px 4px !important;
      transform:none !important;
    }
    .portrait-dot{
      width:64px !important;
      height:64px !important;
      background:var(--ochre) !important;
      border-radius:18px 50% 50% 50% !important;
      transform:rotate(14deg);
    }
    .portrait-line{
      width:105px !important;
      border-top:4px solid var(--terracotta) !important;
      border-radius:0 !important;
      transform:rotate(-12deg) !important;
    }

    .eyebrow{
      color:#fff !important;
      background:var(--petrol) !important;
      border-radius:4px 16px 16px 4px !important;
      box-shadow:none !important;
      padding:7px 13px 7px 10px !important;
    }
    .eyebrow::before{
      width:7px !important;
      height:7px !important;
      border-radius:50% !important;
      background:var(--ochre) !important;
    }

    .intro-grid::before{
      content:"";
      position:absolute;
      width:115px;
      height:28px;
      right:5%;
      top:34px;
      background:var(--terracotta-soft);
      border-radius:30px;
      transform:rotate(-6deg);
      opacity:.8;
    }
    .intro-quote{
      border-left:7px solid var(--ochre) !important;
      padding-left:24px !important;
    }
    .recognition-item .dot{
      border-radius:3px !important;
      transform:rotate(12deg);
      box-shadow:none !important;
    }
    .recognition-item:nth-child(1) .dot{background:var(--terracotta) !important}
    .recognition-item:nth-child(2) .dot{background:var(--petrol) !important}
    .recognition-item:nth-child(3) .dot{background:var(--ochre) !important}

    .approach-steps{gap:12px !important}
    .approach-card{
      border:0 !important;
      border-radius:8px 28px 10px 24px !important;
      box-shadow:none !important;
      position:relative;
      overflow:hidden;
    }
    .approach-card::after{
      content:"";
      position:absolute;
      width:34px;
      height:34px;
      right:-8px;
      bottom:-8px;
      border-radius:50%;
      background:rgba(255,255,255,.48);
    }
    .approach-card:nth-child(1){background:var(--olive-soft) !important}
    .approach-card:nth-child(2){background:var(--petrol-soft) !important}
    .approach-card:nth-child(3){background:var(--terracotta-soft) !important}
    .approach-card:nth-child(4){background:var(--ochre-soft) !important}
    .approach-card span{color:#413A36 !important}

    .services-grid{gap:22px !important}
    .service{
      border:0 !important;
      border-radius:8px 34px 12px 28px !important;
      box-shadow:0 14px 30px rgba(50,45,42,.07) !important;
      background:#fffdf8 !important;
    }
    .service:nth-child(1){border-top:8px solid var(--terracotta) !important}
    .service:nth-child(2){border-top:8px solid var(--petrol) !important}
    .service:nth-child(3){border-top:8px solid var(--ochre) !important}
    .service::after{
      width:110px !important;
      height:110px !important;
      right:-50px !important;
      top:-50px !important;
      opacity:.9 !important;
    }
    .service:nth-child(1)::after{background:var(--terracotta-soft) !important}
    .service:nth-child(2)::after{background:var(--petrol-soft) !important}
    .service:nth-child(3)::after{background:var(--ochre-soft) !important}
    .service-foot a{color:var(--terracotta) !important}

    .body-panel{
      border-radius:10px 46px 10px 46px !important;
      background:linear-gradient(135deg,var(--petrol) 0%,#3E786E 62%,var(--olive) 100%) !important;
      box-shadow:14px 14px 0 rgba(210,161,42,.28) !important;
    }
    .body-list{background:rgba(255,255,255,.10) !important}

    .retirement-box{
      position:relative;
      overflow:hidden;
      background:linear-gradient(110deg,var(--ochre-soft) 0 62%,var(--terracotta-soft) 62% 100%) !important;
      border-radius:34px 8px 34px 8px !important;
      box-shadow:none !important;
    }
    .retirement-box::after{
      content:"";
      position:absolute;
      width:145px;
      height:145px;
      right:-42px;
      top:-45px;
      border-radius:50%;
      background:var(--petrol);
      opacity:.88;
    }
    .retirement-note{
      background:rgba(255,253,248,.92) !important;
      border-left:6px solid var(--olive) !important;
      transform:none !important;
      z-index:2;
    }

    .writing-grid{position:relative}
    .writing-grid::before{
      content:"";
      position:absolute;
      width:95px;
      height:95px;
      left:-28px;
      top:-25px;
      background:var(--petrol-soft);
      border-radius:50% 12px 50% 50%;
      transform:rotate(-12deg);
      z-index:0;
    }
    .paper{
      border-radius:6px 30px 8px 34px !important;
      border-bottom:9px solid var(--terracotta) !important;
      box-shadow:12px 12px 0 rgba(53,109,104,.20) !important;
      transform:rotate(-1.4deg) !important;
      z-index:1;
    }
    .paper::before{background:var(--ochre) !important}
    .writing-points span{
      border-radius:5px 14px 5px 14px !important;
      color:#332E2B !important;
    }

    .about-quote{
      border-left:7px solid var(--terracotta) !important;
      background:linear-gradient(90deg,var(--terracotta-soft),transparent) !important;
      padding:22px 20px !important;
    }
    .timeline-item strong{color:var(--petrol) !important}

    .journal-head{
      position:relative;
      padding-left:20px;
      border-left:8px solid var(--ochre);
    }
    .articles{gap:18px !important}
    .article{
      border:0 !important;
      border-radius:8px 28px 10px 24px !important;
      box-shadow:none !important;
      position:relative;
      overflow:hidden;
    }
    .article::after{
      content:"";
      position:absolute;
      width:72px;
      height:72px;
      right:-25px;
      bottom:-25px;
      border-radius:50%;
      background:rgba(255,255,255,.42);
    }
    .article:first-child{background:var(--petrol-soft) !important;border-bottom:8px solid var(--petrol) !important}
    .article:nth-child(2){background:var(--terracotta-soft) !important;border-bottom:8px solid var(--terracotta) !important}
    .article:nth-child(3){background:var(--ochre-soft) !important;border-bottom:8px solid var(--ochre) !important}

    .contact-box{
      background:
        linear-gradient(112deg,#fffdf8 0 67%,var(--olive-soft) 67% 100%) !important;
      border-radius:10px 46px 10px 46px !important;
      box-shadow:14px 14px 0 rgba(184,97,67,.18) !important;
    }
    .contact-box::before{
      width:125px !important;
      height:125px !important;
      background:var(--terracotta) !important;
      opacity:.86 !important;
    }
    .contact-box::after{
      width:85px !important;
      height:85px !important;
      background:var(--ochre) !important;
      opacity:.82 !important;
    }
    .contact-card{
      background:#fffaf1 !important;
      border-left:6px solid var(--petrol) !important;
      border-radius:6px 22px 6px 22px !important;
    }

    @media(max-width:980px){
      .hero{background:linear-gradient(150deg,rgba(245,229,169,.56) 0 25%,transparent 25.2%) !important}
      .hero::before{width:230px;height:360px;right:-100px;top:180px}
      .service:nth-child(2){margin-top:0 !important}
    }
    @media(max-width:680px){
      .hero::after{height:110px;top:105px;width:10px}
      .hero-blob.one{width:72px !important;height:72px !important;right:8px !important}
      .contact-box,.body-panel,.retirement-box{border-radius:8px 28px 8px 28px !important}
      .contact-box{box-shadow:8px 8px 0 rgba(184,97,67,.16) !important}
      .body-panel{box-shadow:8px 8px 0 rgba(210,161,42,.24) !important}
    }


    /* PALETTE INSPIRÉE DE LA CHAMBRE — POUDRÉ, SAUGE BLEUTÉE, BOIS BLOND, PAILLE */
    :root{
      --terracotta:#A18878;
      --terracotta-soft:#E7D7CD;
      --ochre:#C7A174;
      --ochre-soft:#EFE1C5;
      --olive:#8E745C;
      --olive-soft:#E4D8CE;
      --petrol:#6F9190;
      --petrol-deep:#686F70;
      --petrol-soft:#DCE8E6;
      --ink:#4F433B;
      --muted:#74675F;
      --bg:#F7F1EA;
      --paper:#FFF9F4;
      --sage-soft:#E3E7E1;
      --sun-soft:#EFE1C5;
      --shadow:0 18px 38px rgba(80,67,59,.10);
    }

    body{
      background:
        radial-gradient(circle at 9% 12%, rgba(199,161,116,.14) 0 10%, transparent 10.5%),
        radial-gradient(circle at 92% 18%, rgba(111,145,144,.12) 0 13%, transparent 13.5%),
        linear-gradient(180deg,#F7F1EA 0%,#FFF9F4 100%) !important;
      color:var(--ink) !important;
    }
    body::before{opacity:.06 !important}
    .section.soft{background:rgba(255,249,244,.72) !important}
    .eyebrow,
    .service-tag,
    .brand small,
    .timeline-item strong,
    .approach-signature,
    .contact-card a,
    .service-foot a{color:var(--petrol) !important}
    .eyebrow::before,
    .nav-links a:not(.btn)::after{background:var(--ochre) !important}

    .nav-shell{
      background:rgba(247,241,234,.93) !important;
      border-bottom:1px solid rgba(80,67,59,.10) !important;
    }
    .btn{
      background:linear-gradient(135deg,var(--terracotta) 0%, #B0998A 100%) !important;
      box-shadow:0 10px 22px rgba(161,136,120,.26) !important;
    }
    .btn:hover{box-shadow:0 14px 28px rgba(161,136,120,.30) !important}
    .btn.secondary{
      background:rgba(255,249,244,.92) !important;
      border:1px solid rgba(80,67,59,.10) !important;
    }

    .hero{
      background:
        linear-gradient(112deg, rgba(231,215,205,.78) 0 26%, transparent 26.2%),
        linear-gradient(205deg, rgba(220,232,230,.68) 0 18%, transparent 18.2%),
        linear-gradient(180deg, rgba(255,249,244,.88), rgba(255,249,244,.28)) !important;
    }
    .hero h1 em{color:var(--ochre) !important}
    .hero-note span{background:var(--petrol) !important}
    .hero-copy,.section-head p,.approach-copy p,.contact-copy p,.about-copy p,.article p,.service p,.retirement-box p,.hero-note{color:var(--muted) !important}

    .portrait-wrap::before{
      background:linear-gradient(145deg, var(--terracotta-soft) 0 33%, var(--petrol-soft) 33% 68%, var(--ochre-soft) 68% 100%) !important;
      box-shadow:0 20px 40px rgba(80,67,59,.08) !important;
    }
    .portrait-wrap::after{background:rgba(111,145,144,.22) !important}
    .portrait-shape{
      background:linear-gradient(180deg,#FFF9F4 0%, #F1E7DE 100%) !important;
      border-color:rgba(80,67,59,.08) !important;
    }
    .portrait-dot{background:rgba(199,161,116,.90) !important}
    .portrait-line{border-top-color:rgba(111,145,144,.9) !important}
    .portrait-caption{
      background:rgba(255,249,244,.92) !important;
      color:var(--ink) !important;
    }

    .intro-quote{
      border-left:5px solid var(--ochre) !important;
      background:linear-gradient(90deg, rgba(231,215,205,.32), transparent) !important;
      border-radius:0 18px 18px 0;
      padding-top:20px !important;
      padding-bottom:12px !important;
    }
    .recognition-item .dot{box-shadow:none !important}
    .recognition-item:nth-child(1) .dot{background:var(--terracotta) !important}
    .recognition-item:nth-child(2) .dot{background:var(--petrol) !important}
    .recognition-item:nth-child(3) .dot{background:var(--ochre) !important}

    .approach-card{
      border:0 !important;
      box-shadow:0 10px 22px rgba(80,67,59,.05) !important;
    }
    .approach-card:nth-child(1){background:#E3E7E1 !important}
    .approach-card:nth-child(2){background:#DCE8E6 !important}
    .approach-card:nth-child(3){background:#E7D7CD !important}
    .approach-card:nth-child(4){background:#EFE1C5 !important}

    .service{
      background:#FFF9F4 !important;
      box-shadow:0 12px 28px rgba(80,67,59,.06) !important;
      border-radius:10px 30px 12px 26px !important;
    }
    .service:nth-child(1){border-top:7px solid var(--terracotta) !important}
    .service:nth-child(2){border-top:7px solid var(--petrol) !important}
    .service:nth-child(3){border-top:7px solid var(--ochre) !important}
    .service::after{opacity:.95 !important}
    .service:nth-child(1)::after{background:#E7D7CD !important}
    .service:nth-child(2)::after{background:#DCE8E6 !important}
    .service:nth-child(3)::after{background:#EFE1C5 !important}
    .service li::before{background:var(--terracotta) !important}
    .service:nth-child(2) li::before{background:var(--petrol) !important}
    .service:nth-child(3) li::before{background:var(--ochre) !important}

    .body-panel{
      background:linear-gradient(135deg, var(--petrol-deep) 0%, var(--petrol) 55%, #8E745C 100%) !important;
      box-shadow:14px 14px 0 rgba(199,161,116,.26) !important;
    }
    .body-list{background:rgba(255,255,255,.12) !important}

    .retirement-box{
      background:linear-gradient(108deg, #EFE1C5 0 58%, #E7D7CD 58% 100%) !important;
      border-radius:32px 10px 32px 10px !important;
    }
    .retirement-box::after{background:var(--petrol) !important; opacity:.76 !important}
    .retirement-note{
      background:rgba(255,249,244,.9) !important;
      border-left:6px solid var(--olive) !important;
    }

    .paper{
      background:#FFF9F4 !important;
      box-shadow:0 18px 34px rgba(80,67,59,.08) !important;
    }
    .paper::before{background:rgba(199,161,116,.72) !important}
    .writing-grid::before{background:var(--petrol-soft) !important}
    .writing-points span:nth-child(1), .writing-points span:nth-child(4), .writing-points span:nth-child(7){background:#E7D7CD !important}
    .writing-points span:nth-child(2), .writing-points span:nth-child(5), .writing-points span:nth-child(8){background:#DCE8E6 !important}
    .writing-points span:nth-child(3), .writing-points span:nth-child(6), .writing-points span:nth-child(9){background:#EFE1C5 !important}

    .about-quote{
      border-left:7px solid var(--terracotta) !important;
      background:linear-gradient(90deg, rgba(231,215,205,.36), transparent) !important;
      border-radius:0 20px 20px 0;
    }

    .article{
      box-shadow:0 10px 24px rgba(80,67,59,.05) !important;
      border-radius:10px 26px 12px 22px !important;
    }
    .article:first-child{background:var(--petrol-soft) !important; border-bottom:7px solid var(--petrol) !important}
    .article:nth-child(2){background:var(--terracotta-soft) !important; border-bottom:7px solid var(--terracotta) !important}
    .article:nth-child(3){background:var(--ochre-soft) !important; border-bottom:7px solid var(--ochre) !important}

    .contact-box{
      background:linear-gradient(135deg,#FFF9F4 0%, #F3ECE3 100%) !important;
      box-shadow:0 18px 38px rgba(80,67,59,.08) !important;
    }
    .contact-box::before{background:var(--terracotta-soft) !important}
    .contact-box::after{background:var(--petrol-soft) !important}
    .contact-card{
      background:#FFF9F4 !important;
      box-shadow:inset 0 0 0 1px rgba(80,67,59,.05) !important;
    }


    /* DIRECTION CHIC RAFFINÉE — PLUS ÉLÉGANTE, PLUS SUBTILE */
    :root{
      --terracotta:#9A7B69;
      --terracotta-soft:#ECE1D8;
      --ochre:#B79556;
      --ochre-soft:#F3E9D3;
      --olive:#7C7F6C;
      --olive-soft:#E8E8DD;
      --petrol:#708987;
      --petrol-deep:#5F7473;
      --petrol-soft:#DFE8E5;
      --ink:#473D37;
      --muted:#6C625C;
      --bg:#F8F3ED;
      --paper:#FFFCF8;
      --shadow:0 18px 36px rgba(71,61,55,.08);
      --radius:22px;
    }

    body{
      background:
        radial-gradient(circle at 10% 14%, rgba(183,149,86,.08) 0 8%, transparent 8.5%),
        radial-gradient(circle at 89% 16%, rgba(112,137,135,.08) 0 10%, transparent 10.5%),
        linear-gradient(180deg,#F8F3ED 0%, #FFFCF8 100%) !important;
      color:var(--ink) !important;
    }
    body::before{opacity:.04 !important;background-size:24px 24px !important}
    .section{padding:88px 0 !important}
    .section.soft{background:rgba(255,252,248,.78) !important}

    h1{font-size:clamp(1.4rem, 2vw, 1.95rem) !important; line-height:1.2 !important}
    h2{font-size:clamp(1.12rem, 1.6vw, 1.38rem) !important; line-height:1.22 !important}
    h3{font-size:.98rem !important}

    .nav-shell{
      background:rgba(248,243,237,.95) !important;
      border-bottom:1px solid rgba(71,61,55,.08) !important;
      backdrop-filter:blur(14px);
    }
    .brand{color:var(--ink) !important}
    .brand small,.eyebrow,.service-tag,.timeline-item strong,.approach-signature,.contact-card a,.service-foot a{color:var(--petrol-deep) !important}
    .eyebrow::before,.nav-links a:not(.btn)::after{background:var(--ochre) !important}

    .btn{
      background:linear-gradient(135deg,#9A7B69 0%, #AA8C7A 100%) !important;
      box-shadow:0 10px 22px rgba(154,123,105,.18) !important;
      border:1px solid rgba(154,123,105,.12) !important;
    }
    .btn:hover{box-shadow:0 14px 28px rgba(154,123,105,.22) !important}
    .btn.secondary{
      background:rgba(255,252,248,.94) !important;
      border:1px solid rgba(71,61,55,.09) !important;
      color:var(--ink) !important;
    }

    .hero{
      background:
        linear-gradient(115deg, rgba(236,225,216,.68) 0 24%, transparent 24.2%),
        linear-gradient(215deg, rgba(223,232,229,.48) 0 17%, transparent 17.2%),
        linear-gradient(180deg, rgba(255,252,248,.88), rgba(255,252,248,.26)) !important;
      min-height:620px !important;
    }
    .hero h1 em{color:var(--ochre) !important}
    .hero-note span{background:var(--petrol-deep) !important; height:1.5px !important}
    .hero-copy,.section-head p,.approach-copy p,.about-copy p,.article p,.service p,.contact-copy p,.retirement-box p,.hero-note{color:var(--muted) !important}

    .portrait-wrap::before{
      background:linear-gradient(145deg, var(--terracotta-soft) 0 34%, var(--petrol-soft) 34% 67%, var(--ochre-soft) 67% 100%) !important;
      border-radius:28px 92px 26px 86px !important;
      box-shadow:0 18px 34px rgba(71,61,55,.06) !important;
      transform:rotate(-2deg) !important;
    }
    .portrait-wrap::after{
      background:rgba(112,137,135,.14) !important;
      width:118px !important;height:118px !important;
      left:10px !important;bottom:20px !important;
    }
    .portrait-shape{
      border-radius:24px 82px 22px 72px !important;
      background:linear-gradient(180deg,#FFFCF8 0%, #F4ECE5 100%) !important;
      box-shadow:0 18px 40px rgba(71,61,55,.10) !important;
      border:1px solid rgba(71,61,55,.06) !important;
    }
    .portrait-shape img{border-radius:18px 74px 18px 60px !important}
    .portrait-caption{
      background:rgba(255,252,248,.94) !important;
      box-shadow:0 10px 22px rgba(71,61,55,.08) !important;
      border:1px solid rgba(71,61,55,.05);
    }
    .portrait-dot{background:rgba(183,149,86,.78) !important}
    .portrait-line{border-top-color:rgba(112,137,135,.82) !important}

    .intro-quote{
      border-left:4px solid var(--ochre) !important;
      background:linear-gradient(90deg, rgba(236,225,216,.26), transparent) !important;
      padding-left:22px !important;
      border-radius:0 16px 16px 0 !important;
    }

    .approach-card,
    .service,
    .article,
    .paper,
    .contact-box,
    .contact-card,
    .retirement-note{
      box-shadow:0 12px 26px rgba(71,61,55,.06) !important;
    }

    .approach-card{
      border-radius:14px 24px 14px 22px !important;
      overflow:hidden;
    }
    .approach-card::after{background:rgba(255,255,255,.36) !important}
    .approach-card:nth-child(1){background:#E8E8DD !important}
    .approach-card:nth-child(2){background:#DFE8E5 !important}
    .approach-card:nth-child(3){background:#ECE1D8 !important}
    .approach-card:nth-child(4){background:#F3E9D3 !important}

    .service{
      background:#FFFCF8 !important;
      border-radius:14px 28px 14px 24px !important;
      box-shadow:0 14px 28px rgba(71,61,55,.06) !important;
    }
    .service:nth-child(1){border-top:5px solid var(--terracotta) !important}
    .service:nth-child(2){border-top:5px solid var(--petrol) !important}
    .service:nth-child(3){border-top:5px solid var(--ochre) !important}
    .service::after{opacity:.75 !important; width:92px !important; height:92px !important}
    .service:nth-child(1)::after{background:#ECE1D8 !important}
    .service:nth-child(2)::after{background:#DFE8E5 !important}
    .service:nth-child(3)::after{background:#F3E9D3 !important}

    .body-panel{
      border-radius:16px 34px 16px 34px !important;
      background:linear-gradient(135deg, var(--petrol-deep) 0%, var(--petrol) 54%, #8D816C 100%) !important;
      box-shadow:10px 10px 0 rgba(183,149,86,.18) !important;
    }

    .retirement-box{
      border-radius:28px 12px 28px 12px !important;
      background:linear-gradient(108deg, #F3E9D3 0 58%, #ECE1D8 58% 100%) !important;
    }
    .retirement-box::after{background:var(--petrol-deep) !important; opacity:.68 !important}
    .retirement-note{
      background:rgba(255,252,248,.94) !important;
      border-left:5px solid var(--olive) !important;
    }

    .paper{
      background:#FFFCF8 !important;
      border-radius:10px 24px 24px 24px !important;
      transform:rotate(-.6deg) !important;
    }
    .paper::before{background:rgba(183,149,86,.66) !important}
    .writing-grid::before{background:#DFE8E5 !important}
    .writing-points span:nth-child(1), .writing-points span:nth-child(4), .writing-points span:nth-child(7){background:#ECE1D8 !important}
    .writing-points span:nth-child(2), .writing-points span:nth-child(5), .writing-points span:nth-child(8){background:#DFE8E5 !important}
    .writing-points span:nth-child(3), .writing-points span:nth-child(6), .writing-points span:nth-child(9){background:#F3E9D3 !important}

    .about-quote{
      border-left:5px solid var(--terracotta) !important;
      background:linear-gradient(90deg, rgba(236,225,216,.28), transparent) !important;
      border-radius:0 16px 16px 0 !important;
    }

    .article{
      border-radius:14px 24px 14px 22px !important;
      box-shadow:0 12px 24px rgba(71,61,55,.05) !important;
    }
    .article:first-child{background:#DFE8E5 !important; border-bottom:5px solid var(--petrol) !important}
    .article:nth-child(2){background:#ECE1D8 !important; border-bottom:5px solid var(--terracotta) !important}
    .article:nth-child(3){background:#F3E9D3 !important; border-bottom:5px solid var(--ochre) !important}

    .contact-box{
      background:linear-gradient(135deg,#FFFCF8 0%, #F5EEE7 100%) !important;
      border-radius:26px !important;
      box-shadow:0 16px 34px rgba(71,61,55,.07) !important;
    }
    .contact-box::before{background:#ECE1D8 !important; opacity:.8 !important}
    .contact-box::after{background:#DFE8E5 !important; opacity:.82 !important}
    .contact-card{background:#FFFCF8 !important; border-radius:20px !important}

    @media(max-width:650px){
      h1{font-size:clamp(1.26rem,5vw,1.55rem) !important}
      h2{font-size:clamp(1.05rem,4vw,1.22rem) !important}
      .hero{min-height:auto !important}
    }


    /* DIRECTION CHIC BOHÈME HAUT DE GAMME */
    :root{
      --terracotta:#A3826E;
      --terracotta-soft:#EEE0D5;
      --ochre:#B99A61;
      --ochre-soft:#F4E8CC;
      --olive:#8B8A70;
      --olive-soft:#ECEBDF;
      --petrol:#7B9793;
      --petrol-deep:#627C79;
      --petrol-soft:#E3ECEA;
      --ink:#443A35;
      --muted:#6C625B;
      --bg:#F7F0E8;
      --paper:#FFFDF9;
      --shadow:0 20px 42px rgba(68,58,53,.08);
    }

    body{
      background:
        radial-gradient(circle at 8% 12%, rgba(244,232,204,.32) 0 10%, transparent 10.5%),
        radial-gradient(circle at 92% 14%, rgba(227,236,234,.28) 0 12%, transparent 12.5%),
        radial-gradient(circle at 84% 84%, rgba(238,224,213,.25) 0 10%, transparent 10.5%),
        linear-gradient(180deg,#F7F0E8 0%, #FFFDF9 100%) !important;
      color:var(--ink) !important;
    }
    body::before{opacity:.03 !important;background-size:26px 26px !important}
    .section.soft{background:rgba(255,253,249,.78) !important}
    .section{padding:92px 0 !important}

    .nav-shell{
      background:rgba(247,240,232,.95) !important;
      border-bottom:1px solid rgba(68,58,53,.07) !important;
      box-shadow:0 10px 24px rgba(68,58,53,.04) !important;
    }
    .brand{letter-spacing:.02em}
    .brand small{color:var(--petrol-deep) !important}
    .eyebrow{
      background:rgba(255,253,249,.78) !important;
      padding:8px 14px !important;
      border-radius:999px !important;
      box-shadow:0 8px 18px rgba(68,58,53,.04) !important;
    }
    .eyebrow::before,.nav-links a:not(.btn)::after{background:var(--ochre) !important}

    .btn{
      background:linear-gradient(135deg, #A3826E 0%, #B29380 100%) !important;
      box-shadow:0 12px 24px rgba(163,130,110,.16) !important;
      border:1px solid rgba(163,130,110,.12) !important;
    }
    .btn.secondary{
      background:rgba(255,253,249,.92) !important;
      border:1px solid rgba(68,58,53,.08) !important;
    }

    .hero{
      background:
        linear-gradient(115deg, rgba(238,224,213,.62) 0 23%, transparent 23.2%),
        linear-gradient(212deg, rgba(227,236,234,.46) 0 17%, transparent 17.2%),
        linear-gradient(180deg, rgba(255,253,249,.9), rgba(255,253,249,.28)) !important;
      position:relative;
      overflow:hidden;
    }
    .hero::after{
      content:"";
      position:absolute;
      right:2%; top:18%;
      width:140px; height:140px;
      border-radius:50%;
      border:1.5px solid rgba(185,154,97,.35);
      opacity:.55;
      pointer-events:none;
    }
    .hero::before{
      content:"";
      position:absolute;
      left:4%; bottom:8%;
      width:120px; height:70px;
      border-top:1.5px solid rgba(123,151,147,.35);
      border-radius:50%;
      transform:rotate(-8deg);
      pointer-events:none;
    }
    .hero h1 em{color:var(--ochre) !important}
    .hero-note span{background:var(--petrol-deep) !important; opacity:.7}

    .portrait-wrap::before{
      background:linear-gradient(145deg, var(--terracotta-soft) 0 32%, var(--petrol-soft) 32% 66%, var(--ochre-soft) 66% 100%) !important;
      border-radius:34px 110px 30px 100px !important;
      box-shadow:0 22px 40px rgba(68,58,53,.06) !important;
    }
    .portrait-wrap::after{
      background:rgba(185,154,97,.12) !important;
      width:132px !important; height:132px !important;
      filter:blur(1px);
    }
    .portrait-shape{
      border-radius:26px 92px 24px 82px !important;
      background:linear-gradient(180deg,#FFFDF9 0%, #F6EEE6 100%) !important;
      box-shadow:0 20px 42px rgba(68,58,53,.10) !important;
      border:1px solid rgba(68,58,53,.05) !important;
    }
    .portrait-shape img{border-radius:20px 82px 18px 68px !important}
    .portrait-caption{
      background:rgba(255,253,249,.94) !important;
      box-shadow:0 10px 22px rgba(68,58,53,.07) !important;
      border:1px solid rgba(68,58,53,.05);
      font-style:italic;
    }
    .portrait-dot{background:rgba(185,154,97,.74) !important}
    .portrait-line{border-top-color:rgba(123,151,147,.7) !important}

    .intro-quote,.about-quote{
      background:linear-gradient(90deg, rgba(238,224,213,.26), transparent) !important;
      border-radius:0 18px 18px 0 !important;
      position:relative;
      overflow:hidden;
    }
    .intro-quote::after,.about-quote::after{
      content:"";
      position:absolute;
      right:16px; top:16px;
      width:38px; height:38px;
      border:1px solid rgba(185,154,97,.24);
      border-radius:50%;
    }
    .intro-quote{border-left:4px solid var(--ochre) !important}
    .about-quote{border-left:4px solid var(--terracotta) !important}

    .approach-card,
    .service,
    .article,
    .paper,
    .contact-box,
    .contact-card,
    .retirement-note{
      box-shadow:0 14px 28px rgba(68,58,53,.05) !important;
      border:1px solid rgba(68,58,53,.04) !important;
    }

    .approach-card{
      border-radius:18px 28px 18px 26px !important;
      backdrop-filter:blur(2px);
    }
    .approach-card:nth-child(1){background:#ECEBDF !important}
    .approach-card:nth-child(2){background:#E3ECEA !important}
    .approach-card:nth-child(3){background:#EEE0D5 !important}
    .approach-card:nth-child(4){background:#F4E8CC !important}

    .service{
      background:#FFFDF9 !important;
      border-radius:18px 34px 18px 28px !important;
      position:relative;
      overflow:hidden;
    }
    .service::before{
      content:"";
      position:absolute;
      inset:0 auto auto 0;
      width:100%; height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
      top:14px;
    }
    .service:nth-child(1){border-top:4px solid var(--terracotta) !important}
    .service:nth-child(2){border-top:4px solid var(--petrol) !important}
    .service:nth-child(3){border-top:4px solid var(--ochre) !important}
    .service:nth-child(1)::after{background:#EEE0D5 !important; opacity:.8 !important}
    .service:nth-child(2)::after{background:#E3ECEA !important; opacity:.8 !important}
    .service:nth-child(3)::after{background:#F4E8CC !important; opacity:.8 !important}
    .service-tag{color:var(--petrol-deep) !important;background:rgba(255,255,255,.52) !important;border-radius:999px !important;padding:7px 10px !important}

    .body-panel{
      background:linear-gradient(135deg, var(--petrol-deep) 0%, var(--petrol) 52%, #8E8270 100%) !important;
      border-radius:18px 38px 18px 38px !important;
      box-shadow:14px 14px 0 rgba(185,154,97,.14) !important;
    }
    .body-list{background:rgba(255,255,255,.13) !important}

    .retirement-box{
      background:linear-gradient(108deg, #F4E8CC 0 56%, #EEE0D5 56% 100%) !important;
      border-radius:34px 14px 34px 14px !important;
      border:none !important;
      box-shadow:0 16px 34px rgba(68,58,53,.05) !important;
    }
    .retirement-note{
      background:rgba(255,253,249,.94) !important;
      border-left:4px solid var(--olive) !important;
    }

    .paper{
      background:#FFFDF9 !important;
      border-radius:12px 26px 26px 26px !important;
      transform:rotate(-.7deg) !important;
      box-shadow:0 18px 36px rgba(68,58,53,.06) !important;
    }
    .paper::before{background:rgba(185,154,97,.58) !important}
    .writing-grid::before{background:#E3ECEA !important}
    .writing-points span:nth-child(1), .writing-points span:nth-child(4), .writing-points span:nth-child(7){background:#EEE0D5 !important}
    .writing-points span:nth-child(2), .writing-points span:nth-child(5), .writing-points span:nth-child(8){background:#E3ECEA !important}
    .writing-points span:nth-child(3), .writing-points span:nth-child(6), .writing-points span:nth-child(9){background:#F4E8CC !important}

    .article{
      border-radius:18px 28px 18px 26px !important;
      box-shadow:0 12px 24px rgba(68,58,53,.045) !important;
    }
    .article:first-child{background:#E3ECEA !important; border-bottom:4px solid var(--petrol) !important}
    .article:nth-child(2){background:#EEE0D5 !important; border-bottom:4px solid var(--terracotta) !important}
    .article:nth-child(3){background:#F4E8CC !important; border-bottom:4px solid var(--ochre) !important}
    .article .meta{letter-spacing:.12em !important}

    .contact-box{
      background:linear-gradient(135deg,#FFFDF9 0%, #F6EFE7 100%) !important;
      border-radius:28px !important;
      overflow:hidden;
    }
    .contact-box::before{background:#EEE0D5 !important; opacity:.78 !important}
    .contact-box::after{background:#E3ECEA !important; opacity:.78 !important}
    .contact-card{background:#FFFDF9 !important; border-radius:22px !important}

    .contact-card strong,
    .section-head h2,
    .service h3,
    .article h3,
    .about-copy h2,
    .writing-copy h2,
    .contact-copy h2{color:var(--ink) !important}

    @media(max-width:650px){
      .section{padding:78px 0 !important}
      .hero::after{width:90px;height:90px;right:4%;top:16%}
      .hero::before{width:70px;height:46px;left:4%;bottom:10%}
    }

    /* SOINS DÉTAILLÉS — CHIC BOHÈME, AÉRÉ ET LISIBLE */
    .body-band{
      background:
        radial-gradient(circle at 8% 18%, rgba(238,224,213,.34) 0 9%, transparent 9.5%),
        radial-gradient(circle at 94% 80%, rgba(227,236,234,.34) 0 11%, transparent 11.5%),
        linear-gradient(180deg,#FBF6F0 0%,#FFFDF9 100%) !important;
      overflow:hidden;
    }
    .care-intro{
      max-width:810px;
      margin:0 auto 38px;
      text-align:left;
    }
    .care-intro h2{margin-bottom:18px !important}
    .care-intro p{
      color:var(--muted) !important;
      font-size:.98rem;
      line-height:1.72;
      margin-bottom:12px;
    }
    .care-intro-last{
      margin-top:18px !important;
      padding:18px 20px;
      border-left:4px solid var(--ochre);
      background:rgba(244,232,204,.34);
      border-radius:0 18px 18px 0;
      color:var(--ink) !important;
    }
    .care-details{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      align-items:start;
    }
    .care-detail{
      position:relative;
      min-height:100%;
      padding:28px 26px 26px;
      border:1px solid rgba(68,58,53,.06);
      border-radius:18px 32px 18px 28px;
      background:rgba(255,253,249,.94);
      box-shadow:0 14px 30px rgba(68,58,53,.055);
      overflow:hidden;
    }
    .care-detail::after{
      content:"";
      position:absolute;
      width:90px;
      height:90px;
      border-radius:50%;
      right:-36px;
      top:-36px;
      opacity:.72;
    }
    .care-detail-massage{border-top:4px solid var(--terracotta)}
    .care-detail-belly{border-top:4px solid var(--petrol)}
    .care-detail-reflexo{border-top:4px solid var(--ochre)}
    .care-detail-massage::after{background:var(--terracotta-soft)}
    .care-detail-belly::after{background:var(--petrol-soft)}
    .care-detail-reflexo::after{background:var(--ochre-soft)}
    .care-detail-top{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:center;
      margin-bottom:18px;
      position:relative;
      z-index:1;
    }
    .care-number{
      font-family:var(--serif);
      font-size:1.1rem;
      color:var(--petrol-deep);
    }
    .care-price{
      font-size:.71rem;
      font-weight:800;
      letter-spacing:.05em;
      color:var(--muted);
      text-align:right;
    }
    .care-detail h3{
      font-family:var(--serif);
      font-size:1.16rem !important;
      margin-bottom:7px;
      color:var(--ink) !important;
      position:relative;
      z-index:1;
    }
    .care-detail p{
      color:var(--muted) !important;
      font-size:.88rem;
      line-height:1.62;
      margin-bottom:11px;
    }
    .care-lead{
      font-family:var(--serif);
      font-size:.98rem !important;
      color:var(--ink) !important;
      font-style:italic;
      margin-bottom:18px !important;
    }
    .care-closing{
      margin-top:16px !important;
      padding-top:15px;
      border-top:1px solid rgba(68,58,53,.08);
      color:var(--ink) !important;
      font-family:var(--serif);
      font-size:.94rem !important;
    }
    .care-highlight{
      margin:18px 0;
      padding:16px 17px 14px;
      border-radius:14px 22px 14px 20px;
      background:linear-gradient(135deg,rgba(244,232,204,.68),rgba(238,224,213,.46));
      border:1px solid rgba(185,154,97,.12);
    }
    .care-highlight strong{
      display:block;
      margin-bottom:7px;
      color:var(--ink);
      font-family:var(--serif);
      font-size:.96rem;
    }
    .care-highlight p{margin:0 !important;color:var(--ink) !important}
    .care-cta{
      margin-top:30px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:18px;
      flex-wrap:wrap;
    }
    .care-cta span{
      font-family:var(--serif);
      font-size:.98rem;
      color:var(--muted);
      font-style:italic;
    }
    @media(max-width:980px){
      .care-details{grid-template-columns:1fr}
      .care-detail{max-width:760px;margin:0 auto;width:100%}
    }
    @media(max-width:650px){
      .care-intro{margin-bottom:28px}
      .care-detail{padding:24px 20px}
      .care-detail-top{align-items:flex-start}
      .care-price{max-width:58%}
      .care-cta{flex-direction:column;align-items:stretch;text-align:center}
    }


    /* RETRAITE & BIEN VIEILLIR — VERSION ÉDITORIALE CHIC BOHÈME */
    .retirement-expanded{
      position:relative;
      padding:92px 0;
      overflow:hidden;
      background:
        radial-gradient(circle at 92% 13%, rgba(227,236,234,.55) 0 12%, transparent 12.5%),
        radial-gradient(circle at 8% 86%, rgba(238,224,213,.48) 0 10%, transparent 10.5%),
        linear-gradient(180deg,#F7F0E8 0%,#FCF8F3 100%);
    }
    .retirement-expanded::before{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      right:-65px;
      top:56px;
      border:1px solid rgba(185,154,97,.22);
      border-radius:50%;
    }
    .retirement-heading{
      max-width:800px;
      margin-bottom:34px;
    }
    .retirement-heading h2{
      max-width:760px;
      font-size:clamp(1.32rem,2vw,1.72rem) !important;
      line-height:1.28 !important;
    }
    .retirement-story{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
      align-items:stretch;
    }
    .retirement-chapter{
      position:relative;
      padding:26px 26px 24px;
      border-radius:18px 30px 18px 26px;
      border:1px solid rgba(68,58,53,.055);
      background:rgba(255,253,249,.90);
      box-shadow:0 12px 28px rgba(68,58,53,.045);
      overflow:hidden;
    }
    .retirement-chapter:nth-child(1){background:#F4E8CC}
    .retirement-chapter:nth-child(2){background:#E3ECEA}
    .retirement-chapter:nth-child(4){background:#EEE0D5}
    .retirement-final{background:#ECEBDF !important}
    .retirement-index{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      margin-bottom:14px;
      border-radius:50%;
      background:rgba(255,253,249,.72);
      color:var(--petrol-deep);
      font:600 .72rem/1 var(--sans);
      letter-spacing:.08em;
    }
    .retirement-chapter h3{
      margin-bottom:12px;
      color:var(--ink) !important;
      font-size:1.08rem !important;
    }
    .retirement-chapter p{
      color:var(--muted) !important;
      font-size:.91rem;
      line-height:1.67;
      margin-bottom:11px;
    }
    .retirement-chapter p:last-child{margin-bottom:0}
    .retirement-pullquote{
      grid-column:1 / -1;
      margin:2px 0;
      padding:24px 30px;
      border-left:4px solid var(--ochre);
      border-radius:0 24px 24px 0;
      background:linear-gradient(90deg,rgba(244,232,204,.64),rgba(255,253,249,.52));
      color:var(--ink);
      font-family:var(--serif);
      font-size:clamp(1.15rem,1.8vw,1.45rem);
      line-height:1.42;
      font-style:italic;
    }
    .retirement-closing{
      margin-top:18px;
      padding:17px 19px;
      border-left:4px solid var(--terracotta);
      border-radius:0 16px 16px 0;
      background:rgba(255,253,249,.70);
      color:var(--ink);
      font-family:var(--serif);
      font-size:.98rem;
      line-height:1.48;
      font-style:italic;
    }
    @media(max-width:800px){
      .retirement-story{grid-template-columns:1fr}
      .retirement-pullquote{grid-column:auto}
    }
    @media(max-width:650px){
      .retirement-expanded{padding:76px 0}
      .retirement-chapter{padding:22px 20px}
      .retirement-pullquote{padding:20px 22px}
    }


    /* QUI JE SUIS — VERSION PLUS PERSONNELLE */
    .about-intention{
      margin:20px 0 28px !important;
      padding:16px 18px;
      border-left:4px solid var(--ochre);
      background:rgba(244,232,204,.30);
      border-radius:0 16px 16px 0;
      color:var(--ink) !important;
      font-family:var(--serif);
      font-size:1rem;
    }
    .about-subtitle{
      margin:4px 0 14px !important;
      font-family:var(--serif);
      font-size:1.08rem !important;
      color:var(--petrol-deep) !important;
    }
    .about-copy .about-quote{
      margin-top:24px;
      color:var(--ink) !important;
      line-height:1.62;
    }


    /* ENCADRÉS PLUS PRÉSENTS — CHIC BOHÈME COLORÉ */
    :root{
      --frame-rose:#E3C8B8;
      --frame-rose-strong:#B98972;
      --frame-sage:#D3E2DE;
      --frame-sage-strong:#668783;
      --frame-ochre:#F0DDAE;
      --frame-ochre-strong:#B58D45;
      --frame-taupe:#E8DED5;
      --frame-ink:#4A403A;
    }

    .intro-quote,
    .about-quote,
    .care-intro-last{
      background:linear-gradient(135deg,#F6EAE2 0%,#FFF9F4 100%) !important;
      border:1px solid rgba(185,137,114,.18) !important;
      border-left:6px solid var(--frame-rose-strong) !important;
      box-shadow:0 12px 26px rgba(74,64,58,.07) !important;
      border-radius:0 22px 22px 0 !important;
    }

    .recognition-list{gap:10px !important}
    .recognition-item{
      padding:18px 20px !important;
      border:1px solid rgba(74,64,58,.06) !important;
      border-radius:16px 24px 16px 22px !important;
      box-shadow:0 9px 20px rgba(74,64,58,.045) !important;
      background:#FFFDF9 !important;
    }
    .recognition-item:nth-child(1){background:linear-gradient(135deg,#F5E5DC,#FFFDF9) !important}
    .recognition-item:nth-child(2){background:linear-gradient(135deg,#DFEBE8,#FFFDF9) !important}
    .recognition-item:nth-child(3){background:linear-gradient(135deg,#F4E5BF,#FFFDF9) !important}

    .approach-card{
      border:1px solid rgba(74,64,58,.07) !important;
      box-shadow:0 12px 24px rgba(74,64,58,.07) !important;
      border-radius:16px 28px 16px 24px !important;
    }
    .approach-card:nth-child(1){background:linear-gradient(145deg,#DCE6D6,#EEF2E9) !important;border-left:6px solid #7C896F !important}
    .approach-card:nth-child(2){background:linear-gradient(145deg,#D7E7E4,#EEF5F3) !important;border-left:6px solid var(--frame-sage-strong) !important}
    .approach-card:nth-child(3){background:linear-gradient(145deg,#E8CEC0,#F5E7DF) !important;border-left:6px solid var(--frame-rose-strong) !important}
    .approach-card:nth-child(4){background:linear-gradient(145deg,#EFD9A5,#F8ECD1) !important;border-left:6px solid var(--frame-ochre-strong) !important}

    .service{
      background:#FFFDF9 !important;
      border:1px solid rgba(74,64,58,.07) !important;
      box-shadow:0 14px 30px rgba(74,64,58,.075) !important;
      overflow:hidden !important;
    }
    .service:nth-child(1){background:linear-gradient(180deg,#FFFDF9 0%,#F7E9E1 100%) !important;border-top:7px solid var(--frame-rose-strong) !important}
    .service:nth-child(2){background:linear-gradient(180deg,#FFFDF9 0%,#E7F0EE 100%) !important;border-top:7px solid var(--frame-sage-strong) !important}
    .service:nth-child(3){background:linear-gradient(180deg,#FFFDF9 0%,#F6EACB 100%) !important;border-top:7px solid var(--frame-ochre-strong) !important}
    .service:nth-child(1)::after{background:#E7C7B6 !important}
    .service:nth-child(2)::after{background:#CFE2DE !important}
    .service:nth-child(3)::after{background:#EED8A4 !important}

    .care-detail{
      border:1px solid rgba(74,64,58,.07) !important;
      box-shadow:0 16px 32px rgba(74,64,58,.075) !important;
    }
    .care-detail-massage{background:linear-gradient(180deg,#FFFDF9 0%,#F4E4DB 100%) !important;border-top:7px solid var(--frame-rose-strong) !important}
    .care-detail-belly{background:linear-gradient(180deg,#FFFDF9 0%,#E3EEEB 100%) !important;border-top:7px solid var(--frame-sage-strong) !important}
    .care-detail-reflexo{background:linear-gradient(180deg,#FFFDF9 0%,#F5E7C4 100%) !important;border-top:7px solid var(--frame-ochre-strong) !important}
    .care-detail-massage::after{background:#E2C0AE !important}
    .care-detail-belly::after{background:#C8DEDA !important}
    .care-detail-reflexo::after{background:#EAD093 !important}
    .care-highlight{
      background:linear-gradient(135deg,#F0D9A5,#F5E7D8) !important;
      border:1px solid rgba(181,141,69,.18) !important;
      box-shadow:0 8px 18px rgba(74,64,58,.05) !important;
    }

    .retirement-box{
      background:linear-gradient(115deg,#F3DFAD 0 54%,#E7CABB 54% 100%) !important;
      box-shadow:0 16px 34px rgba(74,64,58,.075) !important;
      border:1px solid rgba(74,64,58,.05) !important;
    }
    .retirement-note{
      background:#FFF9F4 !important;
      border:1px solid rgba(74,64,58,.07) !important;
      border-left:6px solid #7D876B !important;
      box-shadow:0 12px 24px rgba(74,64,58,.07) !important;
    }

    .paper{
      background:linear-gradient(180deg,#FFFDF9 0%,#F8EAE2 100%) !important;
      border:1px solid rgba(185,137,114,.13) !important;
      box-shadow:0 18px 36px rgba(74,64,58,.09) !important;
    }
    .paper::before{background:#D5B36C !important}

    .timeline{display:grid !important;gap:12px !important}
    .timeline-item{
      border:1px solid rgba(74,64,58,.06) !important;
      border-bottom:1px solid rgba(74,64,58,.06) !important;
      border-radius:14px 22px 14px 20px !important;
      padding:18px 20px !important;
      box-shadow:0 8px 18px rgba(74,64,58,.045) !important;
      background:#FFFDF9 !important;
    }
    .timeline-item:nth-child(1){background:linear-gradient(135deg,#F2E2D8,#FFFDF9) !important;border-left:5px solid var(--frame-rose-strong) !important}
    .timeline-item:nth-child(2){background:linear-gradient(135deg,#DCE9E6,#FFFDF9) !important;border-left:5px solid var(--frame-sage-strong) !important}
    .timeline-item:nth-child(3){background:linear-gradient(135deg,#F1DDAE,#FFFDF9) !important;border-left:5px solid var(--frame-ochre-strong) !important}

    .article{
      border:1px solid rgba(74,64,58,.06) !important;
      box-shadow:0 13px 26px rgba(74,64,58,.065) !important;
    }
    .article:first-child{background:linear-gradient(145deg,#CFE0DC,#E5EFED) !important;border-bottom:7px solid var(--frame-sage-strong) !important}
    .article:nth-child(2){background:linear-gradient(145deg,#E4C6B5,#F2DDD2) !important;border-bottom:7px solid var(--frame-rose-strong) !important}
    .article:nth-child(3){background:linear-gradient(145deg,#ECD397,#F5E3B9) !important;border-bottom:7px solid var(--frame-ochre-strong) !important}

    .contact-box{
      background:linear-gradient(135deg,#F8E8DE 0%,#FFFDF9 44%,#DFECE9 100%) !important;
      border:1px solid rgba(74,64,58,.06) !important;
      box-shadow:0 18px 38px rgba(74,64,58,.08) !important;
    }
    .contact-card{
      background:linear-gradient(180deg,#FFFDF9,#F4E5DD) !important;
      border:1px solid rgba(185,137,114,.12) !important;
      box-shadow:0 10px 22px rgba(74,64,58,.06) !important;
    }

    @media(max-width:650px){
      .recognition-item,.timeline-item{padding:16px !important}
      .intro-quote,.about-quote,.care-intro-last{border-left-width:5px !important}
    }


    /* ABOUT QUOTE — PLUS GRAPHIQUE, POLICE PLUS PETITE */
    .about-copy .about-quote{
      position:relative;
      margin-top:26px !important;
      padding:20px 22px 20px 28px !important;
      font-size:1.02rem !important;
      line-height:1.58 !important;
      font-family:var(--serif) !important;
      background:linear-gradient(135deg,#F7EBE3 0%, #FFFDF9 58%, #E7F0EE 100%) !important;
      border:1px solid rgba(120,151,146,.16) !important;
      border-left:7px solid var(--frame-sage-strong) !important;
      border-radius:12px 26px 12px 24px !important;
      box-shadow:0 14px 28px rgba(74,64,58,.08) !important;
      overflow:hidden;
      max-width:720px;
      color:var(--frame-sage-strong) !important;
    }
    .about-copy .about-quote::before{
      content:"“";
      position:absolute;
      top:10px;
      left:14px;
      font-family:Georgia, "Times New Roman", serif;
      font-size:2.35rem;
      line-height:1;
      color:rgba(102,135,131,.30);
    }
    .about-copy .about-quote::after{
      content:"";
      position:absolute;
      right:-18px;
      bottom:-18px;
      width:92px;
      height:92px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(181,141,69,.22) 0%, rgba(181,141,69,.08) 56%, rgba(181,141,69,0) 70%);
      pointer-events:none;
    }
    @media(max-width:650px){
      .about-copy .about-quote{
        padding:18px 18px 18px 24px !important;
        font-size:.94rem !important;
        border-left-width:6px !important;
      }
      .about-copy .about-quote::before{
        left:10px;
        top:8px;
        font-size:2rem;
      }
      .about-copy .about-quote::after{
        width:72px;
        height:72px;
      }
    }


    /* NOM PLUS PRÉSENT — SANS DORÉ */
    .brand{
      font-size:1.68rem !important;
      line-height:1.02 !important;
      letter-spacing:.01em !important;
      color:var(--ink) !important;
    }
    .brand small{
      display:block !important;
      margin-top:8px !important;
      font-size:.86rem !important;
      line-height:1.25 !important;
      letter-spacing:.16em !important;
      color:var(--petrol-deep) !important;
    }
    @media(max-width:650px){
      .brand{font-size:1.42rem !important}
      .brand small{font-size:.68rem !important;letter-spacing:.12em !important;margin-top:6px !important}
    }


    /* MENU BOUTONS ALIGNÉS ET COLORÉS DANS LES TONS DU SITE */
    .nav-links{
      display:grid !important;
      grid-template-columns:repeat(4, max-content);
      align-items:center;
      justify-content:center;
      gap:10px !important;
    }
    .nav-links .nav-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:10px 14px;
      min-height:40px;
      border-radius:999px;
      border:1px solid rgba(68,58,53,.08);
      box-shadow:0 6px 14px rgba(68,58,53,.04);
      font-family:var(--sans);
      font-style:normal;
      font-size:.78rem;
      font-weight:700;
      letter-spacing:.02em;
      line-height:1;
      white-space:nowrap;
      color:var(--ink) !important;
      transition:all .18s ease;
    }
    .nav-links .nav-pill:nth-child(1){
      background:#EEE0D5;
      border-color:rgba(163,130,110,.18);
    }
    .nav-links .nav-pill:nth-child(2){
      background:#E3ECEA;
      border-color:rgba(123,151,147,.22);
    }
    .nav-links .nav-pill:nth-child(3){
      background:#F4E8CC;
      border-color:rgba(185,154,97,.20);
    }
    .nav-links .nav-pill:nth-child(4){
      background:#ECEBDF;
      border-color:rgba(139,138,112,.20);
    }
    .nav-links .nav-pill::after{display:none !important;}
    .nav-links .nav-pill:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(68,58,53,.06);
      color:var(--petrol-deep) !important;
      filter:saturate(1.02) brightness(1.01);
    }
    @media(max-width:1100px){
      .nav-links{
        grid-template-columns:repeat(2, max-content);
        gap:8px !important;
      }
      .nav-links .nav-pill{padding:9px 12px; min-height:38px; font-size:.74rem;}
    }
    @media(max-width:650px){
      .nav-links{
        grid-template-columns:1fr;
        width:100%;
      }
      .nav-links .nav-pill{
        width:100%;
      }
    }


    /* EN-TÊTE PRINCIPAL — PLUS ÉLÉGANT ET HOMOGÈNE */
    .brand-with-colibri{
      display:flex !important;
      align-items:center;
      gap:16px;
    }
    .brand-colibri-wrap{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .brand-colibri{
      display:block;
      width:52px;
      height:auto;
      object-fit:contain;
      filter:drop-shadow(0 6px 10px rgba(68,58,53,.08));
    }
    .brand-lockup{
      display:flex;
      flex-direction:column;
      gap:0;
      min-width:0;
    }
    .brand-name{
      display:block;
      font-family:var(--serif) !important;
      font-size:1.46rem !important;
      font-weight:500 !important;
      line-height:1 !important;
      letter-spacing:.01em !important;
      color:#A3826E !important;
    }
    .brand-services{
      display:block;
      margin-top:9px;
      font-family:var(--sans) !important;
      font-size:.72rem !important;
      font-weight:700 !important;
      letter-spacing:.10em !important;
      line-height:1.15 !important;
      text-transform:uppercase;
      color:var(--petrol-deep) !important;
    }
    .brand-lockup small{
      display:block !important;
      font-family:var(--sans) !important;
      font-size:.64rem !important;
      font-weight:700 !important;
      letter-spacing:.14em !important;
      line-height:1.1 !important;
      text-transform:uppercase;
      color:var(--olive) !important;
    }
    @media(max-width:900px){
      .brand-colibri{width:46px;}
      .brand-name{font-size:1.28rem !important;}
      .brand-services{font-size:.64rem !important; letter-spacing:.08em !important;}
      .brand-lockup small{font-size:.58rem !important; letter-spacing:.12em !important;}
    }
    @media(max-width:650px){
      .brand-with-colibri{gap:12px; align-items:center;}
      .brand-colibri{width:38px;}
      .brand-name{font-size:1.05rem !important;}
      .brand-services{font-size:.55rem !important; letter-spacing:.06em !important;}
      .brand-lockup small{font-size:.50rem !important; letter-spacing:.10em !important;}
    }

  

    /* MENU PRINCIPAL — AÉRÉ ET SUR UNE SEULE LIGNE */
    @media (min-width:981px){
      .nav-shell{
        padding-top:18px !important;
        padding-bottom:16px !important;
      }
      .nav-shell nav{
        min-height:0 !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:center !important;
        gap:18px !important;
      }
      .brand-with-colibri{
        align-self:flex-start;
      }
      .nav-links{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        width:100% !important;
        margin:0 !important;
      }
      .nav-links .nav-pill,
      .nav-links .btn{
        flex:0 0 auto !important;
        white-space:nowrap !important;
      }
      .nav-links .nav-pill{
        padding:10px 13px !important;
        min-height:40px !important;
        font-size:.75rem !important;
      }
      .nav-links .btn{
        padding:11px 15px !important;
        min-height:40px !important;
        font-size:.76rem !important;
      }
    }


    /* PORTRAIT — AUCUNE SUPERPOSITION, ENCART NET ET GRAPHIQUE */
    .portrait-column{
      width:100%;
      max-width:580px;
      margin:0 auto;
      position:relative;
    }
    .portrait-column .portrait-wrap{
      min-height:540px !important;
      width:100%;
      margin:0 !important;
    }
    .portrait-column .portrait-wrap::before{
      bottom:40px !important;
    }
    .portrait-column .portrait-wrap::after{
      bottom:12px !important;
    }
    .portrait-column .portrait-shape{
      bottom:28px !important;
    }
    .portrait-column .portrait-caption-below{
      position:relative !important;
      inset:auto !important;
      width:calc(100% - 74px) !important;
      max-width:none !important;
      margin:8px 18px 0 56px !important;
      padding:18px 22px 19px 27px !important;
      transform:none !important;
      border-radius:18px 18px 28px 18px !important;
      background:linear-gradient(90deg,
        #D9B7A3 0 9px,
        #F5E8DF 9px 67%,
        #E5EEEB 67% 100%) !important;
      border:1px solid rgba(163,130,110,.12) !important;
      box-shadow:0 12px 24px rgba(68,58,53,.07) !important;
      font-family:var(--serif) !important;
      font-size:.94rem !important;
      font-style:normal !important;
      line-height:1.56 !important;
      color:var(--ink) !important;
      text-align:left !important;
      z-index:1 !important;
      overflow:hidden !important;
    }
    .portrait-column .portrait-caption-below::before,
    .portrait-column .portrait-caption-below::after{
      content:none !important;
      display:none !important;
    }
    .portrait-column .portrait-caption-kicker{
      display:block;
      margin:0 0 9px !important;
      padding:0 !important;
      background:none !important;
      box-shadow:none !important;
      color:var(--petrol-deep) !important;
      font-family:var(--sans) !important;
      font-size:.62rem !important;
      font-style:normal !important;
      font-weight:800 !important;
      letter-spacing:.16em !important;
      text-transform:uppercase;
    }
    .portrait-column .portrait-caption-below strong{
      color:var(--terracotta) !important;
      font-weight:700 !important;
    }
    .portrait-column .portrait-caption-below br{
      display:block;
      content:"";
      margin-top:7px;
    }
    @media(max-width:980px){
      .portrait-column{max-width:580px;}
      .portrait-column .portrait-wrap{min-height:510px !important;}
      .portrait-column .portrait-caption-below{
        width:calc(100% - 54px) !important;
        margin:8px 14px 0 40px !important;
      }
    }
    @media(max-width:680px){
      .portrait-column .portrait-wrap{min-height:410px !important;}
      .portrait-column .portrait-caption-below{
        width:calc(100% - 34px) !important;
        margin:8px 6px 0 28px !important;
        padding:15px 16px 16px 20px !important;
        font-size:.81rem !important;
        line-height:1.48 !important;
        border-radius:15px 15px 22px 15px !important;
      }
      .portrait-column .portrait-caption-kicker{
        font-size:.54rem !important;
        letter-spacing:.12em !important;
        margin-bottom:8px !important;
      }
    }


    /* CARNET DE JESSIE — LECTURE DE L'ARTICLE CORTISOL */
    .article-cortisol-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:max-content;
      margin-top:auto;
      padding-top:18px;
      font-family:var(--sans);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.04em;
      color:var(--petrol-deep);
      text-decoration:none;
    }
    .article-cortisol-link::after{content:"→"; transition:transform .2s ease;}
    .article-cortisol-link:hover::after{transform:translateX(4px);}
    .journal-reader{
      margin-top:26px;
      border:1px solid rgba(68,58,53,.10);
      border-radius:28px;
      background:var(--paper);
      box-shadow:0 18px 44px rgba(68,58,53,.07);
      overflow:hidden;
    }
    .journal-reader > summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:19px 24px;
      background:linear-gradient(90deg, var(--petrol-soft), var(--terracotta-soft));
      font-family:var(--sans);
      font-size:.76rem;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:var(--ink);
    }
    .journal-reader > summary::-webkit-details-marker{display:none;}
    .journal-reader-arrow{font-size:1.1rem; transition:transform .2s ease;}
    .journal-reader[open] .journal-reader-arrow{transform:rotate(180deg);}
    .journal-reader-inner{
      max-width:820px;
      margin:0 auto;
      padding:52px 54px 60px;
    }
    .journal-reader-kicker{
      display:inline-block;
      margin-bottom:14px;
      padding:7px 12px;
      border-radius:999px;
      background:var(--ochre-soft);
      color:var(--ink);
      font-family:var(--sans);
      font-size:.68rem;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .journal-reader-inner h2{
      margin:0 0 34px;
      max-width:700px;
      font-size:clamp(2rem,4vw,3.15rem);
      line-height:1.05;
    }
    .journal-reader-inner h3{
      margin:42px 0 16px;
      font-size:clamp(1.35rem,2.1vw,1.8rem);
      line-height:1.2;
      color:var(--petrol-deep);
    }
    .journal-reader-inner p{
      margin:0 0 18px;
      font-size:1rem;
      line-height:1.78;
      color:var(--ink);
    }
    .journal-reader-inner ul{
      margin:8px 0 26px;
      padding:0;
      list-style:none;
    }
    .journal-reader-inner li{
      position:relative;
      margin:0 0 10px;
      padding-left:24px;
      line-height:1.65;
      color:var(--ink);
    }
    .journal-reader-inner li::before{
      content:"";
      position:absolute;
      left:2px;
      top:.72em;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--terracotta);
    }
    .journal-reader-highlight{
      margin:30px 0 !important;
      padding:18px 22px;
      border-left:4px solid var(--petrol);
      border-radius:0 16px 16px 0;
      background:var(--petrol-soft);
      font-family:var(--serif);
      font-size:1.25rem !important;
    }
    @media(max-width:680px){
      .journal-reader{margin-top:18px;border-radius:22px;}
      .journal-reader > summary{padding:16px 18px;font-size:.68rem;}
      .journal-reader-inner{padding:34px 21px 42px;}
      .journal-reader-inner h2{margin-bottom:26px;}
      .journal-reader-inner h3{margin-top:34px;}
      .journal-reader-inner p{font-size:.94rem;line-height:1.7;}
    }

    /* CARNET — 3 ARTICLES, GRILLE ÉQUILIBRÉE */
    @media(min-width:981px){
      #articles .articles{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}
      #articles .article{min-height:220px !important;}
    }

    /* PRÉSENTATION ÉCRITURE — RATTACHÉE AUX ACCOMPAGNEMENTS */
    .accompaniment-reader{
      margin-top:32px !important;
      border-color:rgba(163,130,110,.22) !important;
      background:linear-gradient(135deg, rgba(255,253,249,.98), rgba(238,224,213,.62)) !important;
    }
    .accompaniment-reader > summary{
      color:var(--terracotta) !important;
    }

    /* ACCOMPAGNEMENTS — 4 CARTES SUR UNE SEULE LIGNE */
    #accompagnements .services-grid{
      grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      gap:16px !important;
      max-width:none !important;
      margin-left:auto;
      margin-right:auto;
      align-items:stretch;
    }
    #accompagnements .service{
      width:100%;
      min-width:0;
    }

    @media(max-width:1180px){
      #accompagnements .services-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      }
    }

    @media(max-width:680px){
      #accompagnements .services-grid{
        grid-template-columns:1fr !important;
      }
    }


    /* MENU SIGNATURE — INDEX ÉDITORIAL, PAS DE BOUTONS GÉNÉRIQUES */
    @media (min-width:981px){
      .nav-shell{
        padding-top:20px !important;
        padding-bottom:18px !important;
      }
      .nav-shell nav{
        gap:22px !important;
      }
      .nav-links{
        position:relative !important;
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        width:100% !important;
        margin:0 !important;
        padding:14px 0 11px !important;
        border-top:1px solid rgba(68,58,53,.10) !important;
        border-bottom:1px solid rgba(68,58,53,.10) !important;
      }
      .nav-links::before{
        content:"";
        position:absolute;
        left:50%;
        top:-4px;
        width:84px;
        height:7px;
        transform:translateX(-50%);
        background:linear-gradient(90deg,#E3C8B8 0 25%,#D3E2DE 25% 50%,#F0DDAE 50% 75%,#DDD9C8 75% 100%);
        border-radius:999px;
        opacity:.9;
      }
      .nav-links .nav-pill{
        position:relative !important;
        isolation:isolate !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:48px !important;
        padding:13px 16px 10px !important;
        border:none !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:var(--ink) !important;
        font-family:var(--sans) !important;
        font-size:.94rem !important;
        font-weight:800 !important;
        line-height:1 !important;
        letter-spacing:.012em !important;
        white-space:nowrap !important;
        overflow:visible !important;
        transform:none !important;
        filter:none !important;
      }
      .nav-links .nav-pill::before{
        content:none !important;
        display:none !important;
      }

      .nav-links .nav-pill::after{
        content:"" !important;
        display:block !important;
        position:absolute !important;
        z-index:-1 !important;
        left:7px !important;
        right:7px !important;
        bottom:7px !important;
        height:17px !important;
        border-radius:5px 12px 5px 10px !important;
        opacity:.72 !important;
        transform:rotate(-1deg) !important;
        transition:all .22s ease !important;
        clip-path:polygon(2% 20%,97% 2%,100% 79%,4% 100%) !important;
      }
      .nav-links .nav-pill:nth-child(1)::after{background:#E3C8B8 !important; transform:rotate(-1.4deg) !important;}
      .nav-links .nav-pill:nth-child(2)::after{background:#D3E2DE !important; transform:rotate(.8deg) !important;}
      .nav-links .nav-pill:nth-child(3)::after{background:#F0DDAE !important; transform:rotate(-.6deg) !important;}
      .nav-links .nav-pill:nth-child(4)::after{background:#DDD9C8 !important; transform:rotate(1.1deg) !important;}

      .nav-links .nav-pill:hover{
        color:var(--ink) !important;
        transform:translateY(-2px) !important;
        box-shadow:none !important;
        filter:none !important;
      }
      .nav-links .nav-pill:hover::after{
        height:25px !important;
        bottom:3px !important;
        opacity:.92 !important;
      }

      .nav-links .btn{
        position:relative !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:43px !important;
        margin-left:8px !important;
        padding:11px 20px 12px !important;
        border:none !important;
        border-radius:0 !important;
        background:#A3826E !important;
        color:#FFFDF9 !important;
        font-family:var(--sans) !important;
        font-size:.90rem !important;
        font-weight:800 !important;
        letter-spacing:.025em !important;
        box-shadow:7px 7px 0 #E3C8B8 !important;
        clip-path:polygon(4% 0,100% 8%,96% 100%,0 91%) !important;
        transition:all .22s ease !important;
      }
      .nav-links .btn::after{
        content:"↗";
        margin-left:9px;
        font-size:.88rem;
        line-height:1;
      }
      .nav-links .btn:hover{
        transform:translate(-2px,-2px) !important;
        background:#947260 !important;
        box-shadow:10px 10px 0 #D3E2DE !important;
      }
    }

    @media (max-width:1180px) and (min-width:981px){
      .nav-links{gap:2px !important;}
      .nav-links .nav-pill{
        padding:12px 9px 10px !important;
        font-size:.84rem !important;
      }
      .nav-links .btn{
        margin-left:4px !important;
        padding:10px 12px 11px !important;
        font-size:.80rem !important;
      }
    }

    /* RETRAITE — INTERTITRES EN GRAS */
    #retraite h3{
      font-weight:800 !important;
    }

    /* HERO — METTRE EN EXERGUE "CORPS · ÉMOTIONS · TRANSITIONS DE VIE" */
    .hero .eyebrow{
      display:inline-flex !important;
      align-items:center !important;
      gap:10px !important;
      padding:12px 18px !important;
      border-radius:999px !important;
      background:linear-gradient(135deg, rgba(227,236,234,.96) 0%, rgba(244,232,204,.94) 100%) !important;
      border:1px solid rgba(163,130,110,.14) !important;
      box-shadow:0 12px 24px rgba(68,58,53,.08) !important;
      font-size:.92rem !important;
      font-weight:800 !important;
      letter-spacing:.09em !important;
      text-transform:uppercase !important;
      color:#7D6556 !important;
    }
    .hero .eyebrow::before{
      width:28px !important;
      height:3px !important;
      border-radius:99px !important;
      background:linear-gradient(90deg, var(--terracotta), var(--ochre)) !important;
      flex:0 0 auto !important;
    }
    @media(max-width:680px){
      .hero .eyebrow{
        font-size:.74rem !important;
        letter-spacing:.07em !important;
        padding:10px 14px !important;
      }
      .hero .eyebrow::before{
        width:20px !important;
      }
    }

    /* HERO — INTRO DANS LA MÊME ÉCRITURE QUE LE TITRE */
    .hero .hero-copy strong{
      font-family:var(--serif) !important;
      font-weight:500 !important;
      font-style:normal !important;
      font-size:1.04em !important;
      line-height:1.56 !important;
      letter-spacing:-.01em !important;
      color:var(--ink) !important;
    }

    /* ACCUEIL — TEXTE PLUS HUMAIN ET PLUS RESPIRANT */
    .hero .hero-copy-welcome{
      margin-top:22px !important;
      max-width:700px !important;
      font-family:var(--sans) !important;
      font-size:1.04rem !important;
      line-height:1.62 !important;
      color:var(--muted) !important;
    }
    .hero .hero-copy-welcome p{
      margin:0 0 10px !important;
    }
    .hero .hero-copy-welcome .hero-intro-name{
      margin-bottom:12px !important;
      font-size:1.13rem !important;
      font-weight:700 !important;
      color:var(--ink) !important;
    }
    .hero .hero-copy-welcome strong{
      font-family:inherit !important;
      font-weight:650 !important;
      color:#514842 !important;
      letter-spacing:0 !important;
    }
    .hero .hero-note{
      font-weight:700 !important;
      color:var(--petrol-deep) !important;
    }

    /* CITATION D'INTRO — PLUS DISCRÈTE */
    .intro-quote p{
      font-size:clamp(1.12rem, 1.55vw, 1.48rem) !important;
      line-height:1.42 !important;
    }

    /* COMMENT JE VOUS ACCOMPAGNE */
    .support-method .section-head{
      max-width:820px;
      margin-bottom:34px;
    }
    .support-method-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:22px;
      align-items:stretch;
    }
    .support-panel{
      background:rgba(255,253,249,.94);
      border:1px solid rgba(68,58,53,.07);
      border-radius:28px 18px 28px 18px;
      padding:30px;
      box-shadow:0 16px 34px rgba(68,58,53,.06);
    }
    .support-panel-accent{
      background:
        linear-gradient(145deg, rgba(227,236,234,.78), rgba(255,253,249,.96) 56%, rgba(244,232,204,.42));
    }
    .support-kicker{
      display:inline-block;
      margin-bottom:10px;
      font-size:.7rem;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--petrol-deep);
    }
    .support-panel h3{
      margin-bottom:12px;
      font-size:clamp(1.18rem,1.65vw,1.48rem);
      font-weight:650;
    }
    .support-panel p{
      color:var(--muted);
      line-height:1.7;
    }
    .support-chips{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:8px;
      margin:20px 0;
    }
    .support-chips span{
      display:flex;
      align-items:center;
      min-height:48px;
      padding:10px 11px;
      border-radius:14px 10px 14px 10px;
      background:var(--terracotta-soft);
      color:var(--ink);
      font-size:.83rem;
      line-height:1.25;
    }
    .support-chips span:nth-child(3n+2){background:var(--petrol-soft);}
    .support-chips span:nth-child(3n){background:var(--ochre-soft);}
    .support-note{
      margin-top:16px;
      padding-top:16px;
      border-top:1px solid rgba(68,58,53,.08);
      font-size:.92rem;
    }
    .support-divider{
      width:54px;
      height:3px;
      margin:24px 0;
      border-radius:99px;
      background:linear-gradient(90deg,var(--terracotta),var(--ochre));
    }
    .support-quote{
      margin-top:20px;
      padding:18px 20px;
      border-left:3px solid var(--petrol);
      background:rgba(255,253,249,.72);
      border-radius:0 16px 16px 0;
      color:var(--ink) !important;
      font-family:var(--serif);
      font-size:1.03rem;
    }

    /* SENSIBILITÉ, INTENSITÉ & NEUROATYPIES */
    .sensitivity-section{
      padding-top:72px !important;
      background:
        radial-gradient(circle at 8% 18%, rgba(238,224,213,.55), transparent 24%),
        radial-gradient(circle at 92% 76%, rgba(227,236,234,.66), transparent 26%),
        #FFFDF9;
    }
    .sensitivity-shell{
      position:relative;
      overflow:hidden;
      border-radius:34px 22px 34px 22px;
      padding:42px;
      background:rgba(255,253,249,.92);
      border:1px solid rgba(68,58,53,.07);
      box-shadow:0 22px 46px rgba(68,58,53,.07);
    }
    .sensitivity-shell::after{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      right:-65px;
      top:-75px;
      border-radius:48% 52% 58% 42%;
      background:rgba(244,232,204,.52);
      transform:rotate(18deg);
      pointer-events:none;
    }
    .sensitivity-intro{
      position:relative;
      z-index:1;
      max-width:850px;
    }
    .sensitivity-intro h2{
      margin:8px 0 18px;
    }
    .sensitivity-lead{
      font-family:var(--serif);
      font-size:clamp(1.08rem,1.6vw,1.3rem);
      line-height:1.55;
      color:var(--ink);
    }
    .sensitivity-intro p{
      line-height:1.72;
      color:var(--muted);
    }
    .sensitivity-callout{
      display:inline-block;
      margin-top:18px;
      padding:12px 16px;
      background:var(--terracotta-soft);
      border-radius:18px 10px 18px 10px;
      color:#715B4E;
      font-weight:700;
    }
    .sensitivity-content{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
      margin-top:30px;
    }
    .sensitivity-card{
      padding:24px;
      border-radius:22px 14px 22px 14px;
      background:rgba(227,236,234,.48);
      border:1px solid rgba(98,124,121,.10);
    }
    .sensitivity-card:nth-child(2){
      background:rgba(244,232,204,.48);
      border-color:rgba(181,141,69,.10);
    }
    .sensitivity-card h3{
      margin-bottom:12px;
      font-weight:700;
    }
    .sensitivity-card p,
    .sensitivity-card li{
      color:var(--muted);
      line-height:1.55;
    }
    .sensitivity-card ul{
      margin:12px 0 0;
      padding-left:20px;
    }
    .sensitivity-card li{
      margin:7px 0;
    }
    .sensitivity-footer{
      position:relative;
      z-index:1;
      margin-top:28px;
      padding-top:24px;
      border-top:1px solid rgba(68,58,53,.08);
    }
    .sensitivity-footer p{
      max-width:880px;
      color:var(--muted);
      line-height:1.68;
    }
    .sensitivity-final{
      margin-top:8px;
      font-family:var(--serif);
      font-size:1.08rem;
      color:var(--ink) !important;
    }
    .sensitivity-footer small{
      display:block;
      margin-top:18px;
      color:#81766F;
      font-size:.76rem;
      line-height:1.45;
    }

    @media(max-width:900px){
      .support-method-grid,
      .sensitivity-content{
        grid-template-columns:1fr;
      }
      .support-chips{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media(max-width:600px){
      .support-panel,
      .sensitivity-shell{
        padding:22px;
      }
      .support-chips{
        grid-template-columns:1fr;
      }
      .sensitivity-section{
        padding-top:54px !important;
      }
    }

    /* ÉCRITURE THÉRAPEUTIQUE — UN SEUL ESPACE, PLUS COHÉRENT */
    .writing-unified{
      background:
        radial-gradient(circle at 12% 18%, rgba(238,224,213,.55), transparent 27%),
        radial-gradient(circle at 88% 76%, rgba(227,236,234,.52), transparent 28%),
        rgba(255,253,249,.88) !important;
    }
    .writing-unified-head{
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:34px;
      align-items:center;
    }
    .writing-quote{
      position:relative;
      padding:34px 30px;
      border-radius:34px 18px 34px 18px;
      background:linear-gradient(145deg, var(--terracotta-soft), rgba(255,253,249,.94));
      box-shadow:0 18px 36px rgba(68,58,53,.06);
    }
    .writing-quote::before{
      content:"“";
      position:absolute;
      top:-18px;
      left:20px;
      font-family:var(--serif);
      font-size:5.4rem;
      line-height:1;
      color:rgba(163,130,110,.22);
    }
    .writing-quote blockquote{
      position:relative;
      z-index:1;
      margin:0;
      font-family:var(--serif);
      font-size:clamp(1.2rem,1.85vw,1.62rem);
      line-height:1.5;
      color:var(--ink);
    }
    .writing-unified-intro h2{
      margin:8px 0 10px;
    }
    .writing-unified-intro h3{
      margin:0 0 15px;
      font-size:1.18rem;
      font-weight:700;
      color:var(--terracotta);
    }
    .writing-unified-intro p{
      max-width:720px;
      color:var(--muted);
      line-height:1.72;
    }
    .writing-unified .writing-points{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:20px 0 24px;
    }
    .writing-unified .writing-points span{
      padding:8px 12px;
      border-radius:999px;
      background:var(--petrol-soft);
      color:var(--petrol-deep);
      font-size:.78rem;
      font-weight:700;
    }
    .writing-unified .writing-points span:nth-child(2n){
      background:var(--ochre-soft);
      color:#806A42;
    }
    .writing-unified .writing-points span:nth-child(3n){
      background:var(--terracotta-soft);
      color:#7A6254;
    }
    .writing-unified-detail{
      margin-top:38px;
      padding:36px;
      border-radius:28px 18px 28px 18px;
      background:rgba(255,253,249,.94);
      border:1px solid rgba(68,58,53,.07);
      box-shadow:0 18px 38px rgba(68,58,53,.055);
    }
    .writing-detail-kicker{
      margin-bottom:8px;
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:var(--petrol-deep);
    }
    .writing-unified-detail > h3{
      margin-bottom:24px;
      font-size:clamp(1.25rem,1.8vw,1.6rem);
      font-weight:700;
    }
    .writing-detail-grid,
    .writing-detail-bottom{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
    }
    .writing-detail-grid p,
    .writing-detail-bottom p,
    .writing-detail-bottom li{
      color:var(--muted);
      line-height:1.68;
    }
    .writing-detail-highlight{
      margin:26px 0;
      padding:18px 22px;
      border-left:3px solid var(--ochre);
      border-radius:0 16px 16px 0;
      background:var(--ochre-soft);
      font-family:var(--serif);
      font-size:1.08rem;
      color:var(--ink);
    }
    .writing-detail-bottom h3{
      margin-bottom:10px;
      font-weight:700;
    }
    .writing-detail-bottom ul{
      margin:10px 0 0;
      padding-left:20px;
    }
    .writing-detail-soft{
      padding:22px;
      border-radius:18px 12px 18px 12px;
      background:rgba(227,236,234,.50);
    }
    .writing-final{
      margin:28px 0 0;
      padding-top:22px;
      border-top:1px solid rgba(68,58,53,.08);
      font-family:var(--serif);
      font-size:1.12rem;
      color:var(--ink);
    }
    @media(max-width:850px){
      .writing-unified-head,
      .writing-detail-grid,
      .writing-detail-bottom{
        grid-template-columns:1fr;
      }
      .writing-unified-head{
        gap:24px;
      }
    }
    @media(max-width:600px){
      .writing-unified-detail,
      .writing-quote{
        padding:24px;
      }
    }

    /* NEUROATYPIES — MÊME POLICE, MÊME TAILLE, MÊME HAUTEUR */
    .sensitivity-footer p,
    .sensitivity-footer .sensitivity-final,
    .sensitivity-footer small{
      font-family:var(--sans) !important;
      font-size:1rem !important;
      font-weight:400 !important;
      font-style:normal !important;
      line-height:1.68 !important;
      letter-spacing:0 !important;
      color:var(--muted) !important;
    }
    .sensitivity-footer .sensitivity-final{
      margin-top:8px !important;
    }
    .sensitivity-footer small{
      display:block !important;
      max-width:880px !important;
      margin-top:8px !important;
    }

    /* NEUROATYPIES — CONTENU DÉPLIABLE */
    .sensitivity-more{
      position:relative;
      z-index:2;
      margin-top:24px;
    }
    .sensitivity-more > summary{
      list-style:none;
      display:inline-flex;
      align-items:center;
      gap:10px;
      cursor:pointer;
      padding:12px 18px;
      border-radius:18px 10px 18px 10px;
      background:var(--petrol-soft);
      color:var(--petrol-deep);
      font-family:var(--sans);
      font-size:.92rem;
      font-weight:750;
      letter-spacing:.01em;
      border:1px solid rgba(98,124,121,.12);
      box-shadow:0 8px 18px rgba(68,58,53,.05);
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .sensitivity-more > summary::-webkit-details-marker{
      display:none;
    }
    .sensitivity-more > summary::after{
      content:"＋";
      font-size:1.05rem;
      line-height:1;
      transition:transform .2s ease;
    }
    .sensitivity-more[open] > summary::after{
      content:"−";
    }
    .sensitivity-more > summary:hover{
      transform:translateY(-2px);
      box-shadow:0 11px 22px rgba(68,58,53,.08);
    }
    .sensitivity-more[open] > summary{
      margin-bottom:2px;
    }

    /* PHOTOS — INTÉGRATION ÉDITORIALE */
    .site-visual{
      margin:0;
      overflow:hidden;
      background:#F4EEE7;
      border:1px solid rgba(68,58,53,.07);
      box-shadow:0 16px 34px rgba(68,58,53,.07);
    }
    .site-visual img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .site-visual-method{
      width:100%;
      aspect-ratio:3.35/1;
      margin:6px 0 28px;
      border-radius:26px 15px 26px 15px;
    }
    .site-visual-method img{object-position:center 50%;}

    .site-visual-sensitivity{
      position:relative;
      z-index:1;
      width:100%;
      aspect-ratio:3.2/1;
      margin:26px 0 8px;
      border-radius:24px 14px 24px 14px;
      box-shadow:0 14px 30px rgba(68,58,53,.07);
    }
    .site-visual-sensitivity img{
      object-position:center 49%;
    }

    .site-visual-drops{
      width:min(270px,100%);
      aspect-ratio:1.15/1;
      margin:24px auto 6px;
      border-radius:28px 18px 28px 18px;
      box-shadow:0 10px 22px rgba(68,58,53,.06);
    }
    .site-visual-drops img{
      object-position:center 27%;
    }

    .site-visual-care{
      width:100%;
      aspect-ratio:3.1/1;
      margin:28px 0 32px;
      border-radius:28px 16px 28px 16px;
    }
    .site-visual-care img{object-position:center 52%;}

    .site-visual-reflexo{
      aspect-ratio:16/8.2;
      margin:18px 0 20px;
      border-radius:20px 12px 20px 12px;
      box-shadow:0 10px 24px rgba(68,58,53,.07);
    }
    .site-visual-reflexo img{object-position:center 46%;}

    .site-visual-retirement{
      width:100%;
      aspect-ratio:3/1;
      margin:30px 0 38px;
      border-radius:28px 16px 28px 16px;
    }
    .site-visual-retirement img{object-position:center 41%;}

    .site-visual-retirement-closing{
      width:min(760px,88%);
      aspect-ratio:3/1;
      margin:36px auto 0;
      border-radius:24px 14px 24px 14px;
      box-shadow:0 13px 28px rgba(68,58,53,.06);
    }
    .site-visual-retirement-closing img{object-position:center 58%;}

    .site-visual-writing{
      width:100%;
      aspect-ratio:3.15/1;
      margin:28px 0 34px;
      border-radius:28px 16px 28px 16px;
    }
    .site-visual-writing img{object-position:center 55%;}

    .site-visual-food{
      width:min(820px,100%);
      aspect-ratio:2.7/1;
      margin:26px auto 28px;
      border-radius:24px 14px 24px 14px;
      box-shadow:0 12px 26px rgba(68,58,53,.06);
    }
    .site-visual-food img{object-position:center 52%;}

    @media(max-width:720px){
      .site-visual-method,
      .site-visual-sensitivity,
      .site-visual-care,
      .site-visual-retirement,
      .site-visual-writing{
        aspect-ratio:16/8.5;
      }
      .site-visual-retirement-closing,
      .site-visual-food{
        width:100%;
        aspect-ratio:16/8;
      }
      .site-visual-sensitivity img{object-position:center 50%;}
    }

    /* ============================================================
       PHOTOS V84 — COMPOSITION ÉDITORIALE, PLUS PETITE ET HARMONIEUSE
       ============================================================ */

    .site-visual{
      border-radius:22px 14px 22px 14px !important;
      border:1px solid rgba(68,58,53,.065) !important;
      box-shadow:0 12px 28px rgba(68,58,53,.065) !important;
      background:#F5EFE8 !important;
    }

    .site-visual img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      display:block !important;
    }

    /* 1 — COMMENT JE VOUS ACCOMPAGNE */
    .support-method-top{
      display:grid !important;
      grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) !important;
      gap:42px !important;
      align-items:center !important;
      margin-bottom:32px !important;
    }
    .support-method-top .section-head{
      margin:0 !important;
      max-width:720px !important;
    }
    .site-visual-method{
      width:100% !important;
      max-width:430px !important;
      aspect-ratio:3/1 !important;
      justify-self:end !important;
      margin:0 !important;
      border-radius:18px 12px 18px 12px !important;
    }
    .site-visual-method img{
      object-position:center center !important;
    }

    /* 2 — SENSIBILITÉ / NEUROATYPIES */
    .sensitivity-top{
      display:grid !important;
      grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr) !important;
      gap:42px !important;
      align-items:center !important;
    }
    .sensitivity-intro{
      max-width:760px !important;
    }
    .site-visual-sensitivity{
      width:100% !important;
      max-width:320px !important;
      aspect-ratio:4/5 !important;
      justify-self:end !important;
      margin:0 !important;
      border-radius:26px 16px 26px 16px !important;
    }
    .site-visual-sensitivity img{
      object-position:center center !important;
    }
    .site-visual-drops{
      display:none !important;
    }

    /* 3 — MASSAGES / RÉFLEXOLOGIE */
    .care-top{
      display:grid !important;
      grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr) !important;
      gap:44px !important;
      align-items:center !important;
      margin-bottom:38px !important;
    }
    .care-top .care-intro{
      margin:0 !important;
      max-width:760px !important;
    }
    .site-visual-care{
      width:100% !important;
      max-width:440px !important;
      aspect-ratio:4/3 !important;
      justify-self:end !important;
      margin:0 !important;
      border-radius:24px 15px 24px 15px !important;
    }
    .site-visual-care img{
      object-position:center center !important;
    }
    .site-visual-reflexo{
      width:100% !important;
      height:170px !important;
      aspect-ratio:auto !important;
      margin:16px 0 20px !important;
      border-radius:17px 11px 17px 11px !important;
    }
    .site-visual-reflexo img{
      object-position:68% 50% !important;
    }

    /* 4 — RETRAITE */
    .retirement-top{
      display:grid !important;
      grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr) !important;
      gap:44px !important;
      align-items:center !important;
      margin-bottom:38px !important;
    }
    .retirement-top .retirement-heading{
      margin:0 !important;
      max-width:720px !important;
    }
    .site-visual-retirement{
      width:100% !important;
      max-width:450px !important;
      aspect-ratio:16/10 !important;
      justify-self:end !important;
      margin:0 !important;
      border-radius:25px 15px 25px 15px !important;
    }
    .site-visual-retirement img{
      object-position:center 44% !important;
    }
    .site-visual-retirement-closing{
      width:100% !important;
      max-width:560px !important;
      aspect-ratio:16/7 !important;
      margin:34px 0 0 auto !important;
      border-radius:20px 12px 20px 12px !important;
    }
    .site-visual-retirement-closing img{
      object-position:center 60% !important;
    }

    /* 5 — ÉCRITURE THÉRAPEUTIQUE */
    .site-visual-writing{
      width:100% !important;
      max-width:560px !important;
      aspect-ratio:16/9 !important;
      margin:28px 0 34px auto !important;
      border-radius:23px 14px 23px 14px !important;
    }
    .site-visual-writing img{
      object-position:66% 54% !important;
    }

    /* 6 — ARTICLE ALIMENTATION / CORTISOL */
    .site-visual-food{
      width:100% !important;
      max-width:560px !important;
      aspect-ratio:2/1 !important;
      margin:24px auto 28px 0 !important;
      border-radius:20px 12px 20px 12px !important;
    }
    .site-visual-food img{
      object-position:center 52% !important;
    }

    /* Rythme visuel : les images ne collent jamais aux textes */
    .support-method-grid,
    .care-details,
    .retirement-story,
    .writing-unified-detail{
      position:relative !important;
      z-index:1 !important;
    }

    @media(max-width:980px){
      .support-method-top,
      .sensitivity-top,
      .care-top,
      .retirement-top{
        grid-template-columns:1fr !important;
        gap:24px !important;
      }

      .site-visual-method,
      .site-visual-care,
      .site-visual-retirement,
      .site-visual-writing,
      .site-visual-retirement-closing{
        justify-self:start !important;
        margin-left:0 !important;
        margin-right:auto !important;
      }

      .site-visual-sensitivity{
        justify-self:start !important;
      }
    }

    @media(max-width:680px){
      .site-visual-method{
        max-width:100% !important;
        aspect-ratio:3/1 !important;
      }

      .site-visual-sensitivity{
        max-width:270px !important;
        aspect-ratio:4/5 !important;
      }

      .site-visual-care,
      .site-visual-retirement,
      .site-visual-writing,
      .site-visual-retirement-closing,
      .site-visual-food{
        max-width:100% !important;
        aspect-ratio:16/9 !important;
      }

      .site-visual-reflexo{
        height:150px !important;
      }
    }

    /* V85 — DUO RÉINTÉGRÉ EN PETIT FORMAT */
    .site-visual-duo{
      width:min(230px, 72%) !important;
      aspect-ratio:9/14 !important;
      margin:26px auto 8px !important;
      border-radius:24px 16px 24px 16px !important;
      overflow:hidden !important;
      box-shadow:0 12px 26px rgba(68,58,53,.06) !important;
      border:1px solid rgba(68,58,53,.06) !important;
      background:#F5EFE8 !important;
    }
    .site-visual-duo img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      object-position:center center !important;
      display:block !important;
    }

    /* La silhouette florale garde son rôle de visuel principal */
    .site-visual-sensitivity{
      max-width:330px !important;
      aspect-ratio:9/14 !important;
    }

    @media(max-width:680px){
      .site-visual-duo{
        width:min(210px, 68%) !important;
      }
      .site-visual-sensitivity{
        max-width:270px !important;
      }
    }

    /* ============================================================
       V86 — RETRAITE & ÉCRITURE : IMAGES VRAIMENT INTÉGRÉES
       ============================================================ */

    /* TIME TO BE HAPPY : dans la carte 04, petit visuel de conclusion */
    .retirement-final .site-visual-retirement-closing{
      width:100% !important;
      max-width:none !important;
      height:132px !important;
      aspect-ratio:auto !important;
      margin:18px 0 0 !important;
      border-radius:16px 10px 16px 10px !important;
      box-shadow:none !important;
      border:1px solid rgba(68,58,53,.055) !important;
    }
    .retirement-final .site-visual-retirement-closing img{
      object-fit:cover !important;
      object-position:center 62% !important;
    }

    /* ÉCRITURE : photo intégrée dans le texte, pas posée entre deux blocs */
    .writing-intro-layout{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) 245px !important;
      gap:24px !important;
      align-items:center !important;
      margin-top:12px !important;
    }
    .writing-intro-copy p{
      margin:0 0 12px !important;
    }
    .writing-intro-copy p:last-child{
      margin-bottom:0 !important;
    }
    .writing-unified-intro .site-visual-writing{
      width:245px !important;
      height:172px !important;
      max-width:none !important;
      aspect-ratio:auto !important;
      margin:0 !important;
      justify-self:end !important;
      border-radius:20px 12px 20px 12px !important;
      box-shadow:0 10px 24px rgba(68,58,53,.06) !important;
    }
    .writing-unified-intro .site-visual-writing img{
      object-fit:cover !important;
      object-position:69% 52% !important;
    }
    .writing-unified .writing-points{
      margin-top:22px !important;
    }

    @media(max-width:1080px){
      .writing-intro-layout{
        grid-template-columns:1fr !important;
        gap:18px !important;
      }
      .writing-unified-intro .site-visual-writing{
        width:min(360px,100%) !important;
        height:210px !important;
        justify-self:start !important;
      }
    }

    @media(max-width:680px){
      .retirement-final .site-visual-retirement-closing{
        height:116px !important;
      }
      .writing-unified-intro .site-visual-writing{
        width:100% !important;
        height:190px !important;
      }
    }

    /* V87 — RECENTRAGE DU VISUEL "TIME TO BE HAPPY" */
    .retirement-final .site-visual-retirement-closing img{
      object-position:center 72% !important;
    }

    /* V88 — image ajoutée dans Massage intuitif */
    .site-visual-massage{
      margin:1.15rem 0 1.25rem;
      border-radius:28px;
      overflow:hidden;
      border:1px solid rgba(120,86,66,.12);
      box-shadow:0 18px 42px rgba(84,58,42,.10);
      background:#fff;
    }
    .site-visual-massage img{
      width:100%;
      height:360px;
      display:block;
      object-fit:cover;
      object-position:center 42%;
    }
    @media (max-width: 860px){
      .site-visual-massage img{
        height:280px;
        object-position:center 45%;
      }
    }

    /* V89 — image ajoutée dans Belly Revolution */
    .site-visual-belly{
      margin:1.15rem 0 1.25rem;
      border-radius:28px;
      overflow:hidden;
      border:1px solid rgba(120,86,66,.12);
      box-shadow:0 18px 42px rgba(84,58,42,.10);
      background:#fff;
    }
    .site-visual-belly img{
      width:100%;
      height:340px;
      display:block;
      object-fit:cover;
      object-position:center center;
    }
    @media (max-width: 860px){
      .site-visual-belly img{
        height:260px;
      }
    }

    /* V94 — illustration à la place du colibri, intégrée au header */
    .brand-colibri-wrap{
      width:68px !important;
      height:68px !important;
      border-radius:22px 14px 22px 14px !important;
      overflow:hidden !important;
      flex:0 0 68px !important;
      background:#F4EAE1 !important;
      border:1px solid rgba(163,130,110,.12) !important;
      box-shadow:0 8px 20px rgba(68,58,53,.08) !important;
    }
    .brand-colibri{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      object-position:center 38% !important;
      filter:none !important;
    }
    .brand-with-colibri{
      gap:14px !important;
      align-items:center !important;
    }
    @media(max-width:900px){
      .brand-colibri-wrap{
        width:58px !important;
        height:58px !important;
        flex-basis:58px !important;
      }
    }
    @media(max-width:650px){
      .brand-colibri-wrap{
        width:50px !important;
        height:50px !important;
        flex-basis:50px !important;
        border-radius:16px 10px 16px 10px !important;
      }
    }

    /* V95 — ancre Écriture thérapeutique */
    #ecriture-therapeutique{
      scroll-margin-top:170px;
    }
    @media(max-width:900px){
      #ecriture-therapeutique{scroll-margin-top:100px;}
    }


    /* V96 — LA NATUROPATHIE SELON MOI : mise en page éditoriale */
    .naturopathy-manifesto{
      position:relative;
      overflow:hidden;
    }
    .naturopathy-manifesto::before{
      content:"";
      position:absolute;
      width:320px;
      height:320px;
      border-radius:50%;
      right:-150px;
      top:80px;
      background:rgba(227,236,234,.48);
      pointer-events:none;
    }
    .naturopathy-head{
      max-width:880px;
      margin-bottom:38px;
      position:relative;
      z-index:1;
    }
    .naturopathy-head h2{
      max-width:790px;
      margin-bottom:18px;
    }
    .naturopathy-lead{
      max-width:820px;
      margin:0;
      font-size:1.08rem;
      line-height:1.78;
      color:var(--ink) !important;
    }
    .naturopathy-editorial{
      display:grid;
      grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);
      gap:52px;
      align-items:start;
      position:relative;
      z-index:1;
    }
    .naturopathy-main > p{
      margin:0 0 30px;
      max-width:800px;
      line-height:1.76;
      color:var(--muted);
    }
    .naturopathy-chapter{
      display:grid;
      grid-template-columns:54px minmax(0,1fr);
      gap:18px;
      align-items:start;
      padding:24px 0;
      border-top:1px solid rgba(68,58,53,.10);
    }
    .naturopathy-chapter:last-child{
      border-bottom:1px solid rgba(68,58,53,.10);
    }
    .naturopathy-number{
      display:flex;
      align-items:center;
      justify-content:center;
      width:46px;
      height:46px;
      border-radius:50% 50% 50% 18%;
      background:var(--petrol-soft);
      color:var(--petrol-deep);
      font-family:var(--sans);
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.08em;
    }
    .naturopathy-chapter h3{
      margin:0 0 9px;
      font-size:1.22rem;
      line-height:1.2;
      font-weight:800 !important;
      color:var(--ink);
    }
    .naturopathy-chapter p{
      margin:0;
      line-height:1.72;
      color:var(--muted);
    }
    .naturopathy-aside{
      position:sticky;
      top:150px;
      padding:26px 24px 24px;
      border-radius:30px 16px 30px 16px;
      background:linear-gradient(145deg, rgba(244,232,204,.70), rgba(238,224,213,.76));
      border:1px solid rgba(163,130,110,.13);
      box-shadow:0 16px 36px rgba(68,58,53,.06);
    }
    .naturopathy-note{
      padding-bottom:20px;
      margin-bottom:19px;
      border-bottom:1px solid rgba(68,58,53,.10);
    }
    .naturopathy-note span{
      display:block;
      margin-bottom:10px;
      font-family:var(--sans);
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
      color:var(--terracotta);
    }
    .naturopathy-note strong{
      display:block;
      font-family:var(--serif);
      font-size:1.48rem;
      line-height:1.28;
      font-weight:700;
      color:var(--ink);
    }
    .naturopathy-aside p{
      margin:0;
      font-size:.96rem;
      line-height:1.72;
      color:var(--muted);
    }
    .naturopathy-ending{
      margin-top:42px;
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:28px;
      align-items:stretch;
      position:relative;
      z-index:1;
    }
    .naturopathy-ending > p{
      margin:0;
      padding:25px 28px;
      border-radius:22px 12px 22px 12px;
      background:var(--paper);
      border:1px solid rgba(68,58,53,.07);
      line-height:1.72;
      color:var(--muted);
    }
    .naturopathy-ending > p strong{
      color:var(--ink);
      font-weight:800;
    }
    .naturopathy-final{
      display:flex;
      align-items:center;
      padding:25px 30px;
      border-radius:12px 24px 12px 24px;
      background:var(--petrol-deep);
      color:#fff;
      font-family:var(--serif);
      font-size:1.16rem;
      line-height:1.52;
    }
    @media(max-width:980px){
      .naturopathy-editorial{
        grid-template-columns:1fr;
        gap:30px;
      }
      .naturopathy-aside{
        position:relative;
        top:auto;
      }
      .naturopathy-ending{
        grid-template-columns:1fr;
      }
    }
    @media(max-width:640px){
      .naturopathy-head{
        margin-bottom:28px;
      }
      .naturopathy-lead{
        font-size:1rem;
      }
      .naturopathy-chapter{
        grid-template-columns:42px minmax(0,1fr);
        gap:14px;
        padding:20px 0;
      }
      .naturopathy-number{
        width:38px;
        height:38px;
        font-size:.66rem;
      }
      .naturopathy-chapter h3{
        font-size:1.12rem;
      }
      .naturopathy-aside{
        padding:22px 20px;
      }
      .naturopathy-note strong{
        font-size:1.30rem;
      }
      .naturopathy-ending > p,
      .naturopathy-final{
        padding:22px 20px;
      }
    }

  
    /* V98 — aperçu court de « La naturopathie selon moi » */
    .naturopathy-preview{
      max-width:820px;
      margin:30px 0 0;
      padding:28px 30px;
      border-radius:24px 14px 24px 14px;
      background:rgba(255,253,249,.72);
      border:1px solid rgba(68,58,53,.07);
      box-shadow:0 14px 34px rgba(68,58,53,.05);
    }
    .naturopathy-preview p{
      margin:0;
      color:var(--muted);
      font-size:1.04rem;
      line-height:1.78;
    }
    .naturopathy-readmore{
      margin-top:20px;
      display:inline-flex;
      width:auto;
    }
    @media(max-width:680px){
      .naturopathy-preview{padding:22px 20px;}
      .naturopathy-readmore{width:100%;justify-content:center;}
    }


    /* V99 — page dédiée "La naturopathie selon moi" intégrée au même fichier */
    .naturo-standalone{
      display:none;
      min-height:100vh;
      background:var(--bg);
      color:var(--ink);
    }
    body.show-naturo-page > .nav-shell,
    body.show-naturo-page > main,
    body.show-naturo-page > footer{
      display:none !important;
    }
    body.show-naturo-page .naturo-standalone{
      display:block;
    }
    .naturo-page-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,253,249,.94);
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(68,58,53,.06);
    }
    .naturo-page-nav{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }
    .naturo-page-brand{
      font-family:var(--serif);
      font-size:1.34rem;
      font-weight:700;
      color:#7D6556;
    }
    .naturo-page-back{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 15px;
      border:1px solid rgba(68,58,53,.10);
      border-radius:999px;
      font-size:.9rem;
      font-weight:700;
      background:var(--paper);
    }
    .naturo-page-hero{
      padding:86px 0 44px;
      position:relative;
      overflow:hidden;
    }
    .naturo-page-hero::before{
      content:"";
      position:absolute;
      width:270px;
      height:270px;
      border-radius:50%;
      background:rgba(227,236,234,.68);
      right:-100px;
      top:24px;
      z-index:0;
    }
    .naturo-page-hero .wrap{
      position:relative;
      z-index:1;
    }
    .naturo-page-hero h1{
      font-family:var(--serif);
      font-size:clamp(2.5rem,5vw,4.8rem);
      line-height:1.04;
      letter-spacing:-.035em;
      margin:20px 0 22px;
      max-width:900px;
    }
    .naturo-page-lead{
      max-width:780px;
      font-size:1.12rem;
      color:var(--muted);
      margin:0;
    }
    .naturo-page-story{
      padding:34px 0 90px;
    }
    .naturo-page-chapter{
      display:grid;
      grid-template-columns:80px minmax(0,1fr);
      gap:28px;
      padding:28px 0 34px;
      border-top:0;
    }
    .naturo-page-num{
      font-family:var(--serif);
      font-size:2.2rem;
      color:var(--terracotta);
      font-weight:700;
      line-height:1;
    }
    .naturo-page-chapter h2{
      font-family:var(--serif);
      font-size:clamp(1.65rem,3vw,2.4rem);
      margin:0 0 12px;
      font-weight:800;
    }
    .naturo-page-chapter p{
      margin:0;
      max-width:780px;
      color:var(--muted);
      font-size:1.04rem;
    }
    .naturo-page-note{
      margin:20px 0 0;
      padding:32px;
      border-radius:30px 16px 30px 16px;
      background:linear-gradient(135deg,rgba(238,224,213,.72),rgba(227,236,234,.82));
      border:1px solid rgba(68,58,53,.06);
    }
    .naturo-page-note small{
      display:block;
      text-transform:uppercase;
      letter-spacing:.12em;
      font-weight:800;
      color:var(--terracotta);
      margin-bottom:10px;
    }
    .naturo-page-note strong{
      font-family:var(--serif);
      display:block;
      font-size:clamp(1.45rem,3vw,2.1rem);
      line-height:1.25;
    }
    .naturo-page-note p{
      color:var(--muted);
      max-width:800px;
      margin:18px 0 0;
    }
    .naturo-page-ending{
      margin-top:36px;
      padding:32px 0 0;
      border-top:1px solid rgba(68,58,53,.09);
    }
    .naturo-page-ending p{
      font-size:1.08rem;
      color:var(--muted);
      max-width:850px;
    }
    .naturo-page-final{
      font-family:var(--serif);
      font-size:clamp(1.08rem,1.8vw,1.35rem);
      line-height:1.5;
      margin-top:20px;
      max-width:820px;
      color:var(--ink);
    }
    .naturo-page-cta{
      margin-top:34px;
      display:inline-flex;
      padding:13px 19px;
      border-radius:999px;
      background:var(--petrol-deep);
      color:white;
      font-weight:800;
    }
    .naturo-page-footer{
      padding:26px 0 34px;
      color:var(--muted);
      font-size:.86rem;
      border-top:1px solid rgba(68,58,53,.07);
    }
    @media(max-width:680px){
      .naturo-page-nav{min-height:68px}
      .naturo-page-back{font-size:.82rem;padding:8px 12px}
      .naturo-page-hero{padding:60px 0 30px}
      .naturo-page-chapter{grid-template-columns:1fr;gap:10px;padding:30px 0}
      .naturo-page-num{font-size:1.5rem}
      .naturo-page-note{padding:24px 20px}
    }

  
    /* V101 — chapitres plus fluides, sans traits de séparation */
    .naturo-page-chapter + .naturo-page-chapter{
      margin-top:10px;
    }
    .naturo-page-num{
      opacity:.72;
    }
    .naturo-page-chapter h2{
      letter-spacing:-.018em;
      margin-bottom:10px;
    }
    .naturo-page-chapter p{
      line-height:1.78;
    }

  

/* WordPress integration for the imported HTML source. */
html { margin-top: 0 !important; }
body.admin-bar .nav-shell { top: 32px; }
.jessie-html-source .wp-block-shortcode { margin: 0; }
.jessie-html-source .articles > * { min-width: 0; }
.jessie-html-source .article a { text-decoration: none; }
.jessie-html-source .article .wp-post-image { width: 100%; height: 100%; object-fit: cover; }
.jessie-html-source .article__image { margin: 0 0 15px; overflow: hidden; border-radius: 17px; aspect-ratio: 4 / 3; background: var(--sage-soft); }
.jessie-html-source .article__image img { width: 100%; height: 100%; object-fit: cover; }
.jessie-html-source .article__read { margin-top: auto; }
.jessie-html-source .article__read::after { content: "?"; margin-left: 8px; transition: transform .2s ease; display: inline-block; }
.jessie-html-source .article:hover .article__read::after { transform: translateX(4px); }
.jessie-html-source .article:first-child .article__image { aspect-ratio: 16 / 9; }
.jessie-html-source .article:first-child { min-height: 310px; }
.jessie-html-source .article:first-child .article__image { margin: -6px -7px 18px; }
.jessie-html-source .article:first-child h3 { font-size: clamp(1.18rem, 1.8vw, 1.5rem); }
.jessie-html-source .article .meta a { color: inherit; }
.jessie-html-source .articles-empty { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; color: var(--muted); }
@media (max-width: 980px) {
  .jessie-html-source .articles { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .jessie-html-source .articles { grid-template-columns: 1fr; }
}