@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-latin-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-italic-latin-var.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond-latin-var.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-var.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ivoire:#F3EDE3;--ivoire-2:#ECE5D9;--pierre:#DDD3C6;--greige:#B9AE9F;--taupe:#938777;--taupe-texte:#655A4D;
  --anthracite:#172322;--nuit:#0f0f10;--paro:#202128;--noir:#000;--plan:#3c3c3c;--tartre:#303136;
  --gencive:#B5786C;--gencive-clair:#D8A79B;--clair-2:#D9D0C3;
  --f-texte:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --gout:clamp(16px,4vw,56px);--max:1320px;--r:14px;
  /* Essai B (par défaut) : Cormorant Garamond */
  --f-titre:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --t-poids:500;--t-poids-grand:400;--t-echelle:1.12;--t-interligne:1.04;--t-espace:-.005em;--nom-poids:500;--nom-taille:1.5rem;
}
html[data-typo="a"]{
  --f-titre:"EB Garamond",Garamond,"Times New Roman",serif;
  --t-poids:400;--t-poids-grand:400;--t-echelle:1;--t-interligne:1.06;--t-espace:-.008em;--nom-poids:400;--nom-taille:1.32rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivoire);color:var(--anthracite);font:400 17.5px/1.62 var(--f-texte);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--gencive);outline-offset:3px;border-radius:4px}
.media-protege{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
h1,h2,h3{font-family:var(--f-titre);font-weight:var(--t-poids);letter-spacing:var(--t-espace);text-wrap:balance;margin:0;font-kerning:normal;font-variant-ligatures:common-ligatures}
h1{font-size:calc(clamp(2.5rem,6.2vw,5.4rem)*var(--t-echelle));line-height:var(--t-interligne);font-weight:var(--t-poids-grand)}
h2{font-size:calc(clamp(2.05rem,4.3vw,3.5rem)*var(--t-echelle));line-height:1.08}
h3{font-size:calc(clamp(1.4rem,2.2vw,1.75rem)*var(--t-echelle));line-height:1.2}
@media (min-width:900px){h2{font-weight:var(--t-poids-grand)}}
p{margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gout)}
.etroit{max-width:820px;margin-inline:auto;padding-inline:var(--gout)}
.pile{display:grid;gap:1.1rem}
.lisible{max-width:62ch}
.sur-titre{font:600 .78rem/1.2 var(--f-texte);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-texte)}
.sombre .sur-titre{color:var(--greige)}
.legende,figcaption{font-size:.84rem;color:var(--taupe-texte);line-height:1.45}
.sombre figcaption,.sombre .legende{color:#B8AFA2}
.sombre{color:var(--ivoire)}
.sombre p,.sombre li{color:#E3DBCF}
.lien{font-weight:600;text-decoration:none;border-bottom:1px solid var(--gencive);padding-bottom:1px}
.sombre .lien{color:var(--ivoire)}
.bouton{display:inline-flex;align-items:center;gap:.6rem;font:600 .98rem/1 var(--f-texte);text-decoration:none;padding:.95rem 1.35rem;border-radius:999px;background:var(--ivoire);color:var(--anthracite);white-space:nowrap;border:0;cursor:pointer}
.bouton.fonce{background:var(--anthracite);color:var(--ivoire)}
.bouton.contour{background:transparent;border:1px solid currentColor;color:inherit}

/* Fonds de section */
.bg-nuit{background:var(--nuit)}.bg-paro{background:var(--paro)}.bg-noir{background:#000}.bg-plan{background:var(--plan)}
.bg-anth{background:var(--anthracite)}.bg-tartre{background:var(--tartre)}.bg-ivoire{background:var(--ivoire)}

/* Dégradés longs entre sections : 18 étapes OKLab, hauteur distincte téléphone / ordinateur, grain très léger anti-bandes */
.fondu{position:relative;height:clamp(170px,42vw,240px);margin:-1px 0}
@media (min-width:900px){.fondu{height:clamp(260px,24vw,400px)}}
.fondu.court{height:clamp(110px,26vw,150px)}
@media (min-width:900px){.fondu.court{height:clamp(150px,13vw,220px)}}
.fondu::after,.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.f-nuit-paro{background:linear-gradient(180deg, #0f0f10 0.0%, #0f0f10 5.6%, #0f0f10 11.1%, #101011 16.7%, #101012 22.2%, #111113 27.8%, #121315 33.3%, #141417 38.9%, #161619 44.4%, #17181c 50.0%, #191a1e 55.6%, #1b1b21 61.1%, #1c1d23 66.7%, #1e1e25 72.2%, #1f2026 77.8%, #1f2027 83.3%, #202128 88.9%, #202128 94.4%, #202128 100.0%)}
.f-paro-noir{background:linear-gradient(180deg, #202128 0.0%, #202128 5.6%, #1f2027 11.1%, #1e1f26 16.7%, #1c1d23 22.2%, #18191f 27.8%, #14151a 33.3%, #101015 38.9%, #0a0b0f 44.4%, #060609 50.0%, #030304 55.6%, #010102 61.1%, #000001 66.7%, #000000 72.2%, #000000 77.8%, #000000 83.3%, #000000 88.9%, #000000 94.4%, #000000 100.0%)}
.f-noir-plan{background:linear-gradient(180deg, #000000 0.0%, #000000 5.6%, #000000 11.1%, #000000 16.7%, #000000 22.2%, #000000 27.8%, #010101 33.3%, #040404 38.9%, #090909 44.4%, #111111 50.0%, #191919 55.6%, #222222 61.1%, #292929 66.7%, #303030 72.2%, #353535 77.8%, #393939 83.3%, #3b3b3b 88.9%, #3c3c3c 94.4%, #3c3c3c 100.0%)}
.f-plan-noir{background:linear-gradient(180deg, #3c3c3c 0.0%, #3c3c3c 5.6%, #3b3b3b 11.1%, #393939 16.7%, #353535 22.2%, #303030 27.8%, #292929 33.3%, #222222 38.9%, #191919 44.4%, #111111 50.0%, #090909 55.6%, #040404 61.1%, #010101 66.7%, #000000 72.2%, #000000 77.8%, #000000 83.3%, #000000 88.9%, #000000 94.4%, #000000 100.0%)}
.f-noir-anth{background:linear-gradient(180deg, #000000 0.0%, #000000 5.6%, #000000 11.1%, #000000 16.7%, #000000 22.2%, #000000 27.8%, #000100 33.3%, #010101 38.9%, #020303 44.4%, #040707 50.0%, #060c0c 55.6%, #0a1111 61.1%, #0e1616 66.7%, #111b1a 72.2%, #131e1d 77.8%, #152120 83.3%, #162221 88.9%, #172322 94.4%, #172322 100.0%)}
.f-anth-ivoire{background:linear-gradient(180deg, #172322 0.0%, #172322 5.6%, #192524 11.1%, #1d2928 16.7%, #25302e 22.2%, #303a38 27.8%, #3f4845 33.3%, #515955 38.9%, #666c67 44.4%, #7c807b 50.0%, #949690 55.6%, #aaaba4 61.1%, #bfbeb6 66.7%, #d2cfc6 72.2%, #e0dcd2 77.8%, #eae5db 83.3%, #f0eae0 88.9%, #f3ede3 94.4%, #f3ede3 100.0%)}
.f-ivoire-tartre{background:linear-gradient(180deg, #f3ede3 0.0%, #f3ede3 5.6%, #f0ebe1 11.1%, #ebe6dc 16.7%, #e2ddd4 22.2%, #d6d1c9 27.8%, #c6c2bc 33.3%, #b4b0ab 38.9%, #a09d9a 44.4%, #8b8987 50.0%, #777676 55.6%, #646465 61.1%, #545457 66.7%, #47474b 72.2%, #3d3d42 77.8%, #36373b 83.3%, #323338 88.9%, #303136 94.4%, #303136 100.0%)}
.f-tartre-ivoire{background:linear-gradient(180deg, #303136 0.0%, #303136 5.6%, #323338 11.1%, #36373b 16.7%, #3d3d42 22.2%, #47474b 27.8%, #545457 33.3%, #646465 38.9%, #777676 44.4%, #8b8987 50.0%, #a09d9a 55.6%, #b4b0ab 61.1%, #c6c2bc 66.7%, #d6d1c9 72.2%, #e2ddd4 77.8%, #ebe6dc 83.3%, #f0ebe1 88.9%, #f3ede3 94.4%, #f3ede3 100.0%)}
.f-ivoire-anth{background:linear-gradient(180deg, #f3ede3 0.0%, #f3ede3 5.6%, #f0eae0 11.1%, #eae5db 16.7%, #e0dcd2 22.2%, #d2cfc6 27.8%, #bfbeb6 33.3%, #aaaba4 38.9%, #949690 44.4%, #7c807b 50.0%, #666c67 55.6%, #515955 61.1%, #3f4845 66.7%, #303a38 72.2%, #25302e 77.8%, #1d2928 83.3%, #192524 88.9%, #172322 94.4%, #172322 100.0%)}
.f-ivoire-noir{background:linear-gradient(180deg, #f3ede3 0.0%, #f2ede3 5.6%, #efe9e0 11.1%, #e8e2d8 16.7%, #dbd5cc 22.2%, #c8c3bb 27.8%, #b1ada6 33.3%, #97938d 38.9%, #7b7772 44.4%, #5e5c57 50.0%, #43413e 55.6%, #2b2927 61.1%, #161614 66.7%, #070706 72.2%, #010101 77.8%, #000000 83.3%, #000000 88.9%, #000000 94.4%, #000000 100.0%)}
.f-noir-ivoire{background:linear-gradient(180deg, #000000 0.0%, #000000 5.6%, #000000 11.1%, #000000 16.7%, #010101 22.2%, #070706 27.8%, #161614 33.3%, #2b2927 38.9%, #43413e 44.4%, #5e5c57 50.0%, #7b7772 55.6%, #97938d 61.1%, #b1ada6 66.7%, #c8c3bb 72.2%, #dbd5cc 77.8%, #e8e2d8 83.3%, #efe9e0 88.9%, #f2ede3 94.4%, #f3ede3 100.0%)}
.f-nuit-ivoire{background:linear-gradient(180deg, #0f0f10 0.0%, #0f0f10 5.6%, #111112 11.1%, #151516 16.7%, #1d1c1d 22.2%, #282727 27.8%, #373635 33.3%, #494846 38.9%, #5f5d5a 44.4%, #767470 50.0%, #8f8b86 55.6%, #a6a39c 61.1%, #bdb8b1 66.7%, #d0cbc2 72.2%, #dfd9d0 77.8%, #eae4da 83.3%, #f0eae0 88.9%, #f3ede3 94.4%, #f3ede3 100.0%)}

/* Fondu des bords d'un média dans la couleur de sa section */
.plume{--p:9%;--pv:9%;-webkit-mask-image:linear-gradient(to right, rgba(0,0,0,0.000) calc(var(--p) * 0.000), rgba(0,0,0,0.005) calc(var(--p) * 0.083), rgba(0,0,0,0.035) calc(var(--p) * 0.167), rgba(0,0,0,0.104) calc(var(--p) * 0.250), rgba(0,0,0,0.210) calc(var(--p) * 0.333), rgba(0,0,0,0.347) calc(var(--p) * 0.417), rgba(0,0,0,0.500) calc(var(--p) * 0.500), rgba(0,0,0,0.653) calc(var(--p) * 0.583), rgba(0,0,0,0.790) calc(var(--p) * 0.667), rgba(0,0,0,0.896) calc(var(--p) * 0.750), rgba(0,0,0,0.965) calc(var(--p) * 0.833), rgba(0,0,0,0.995) calc(var(--p) * 0.917), rgba(0,0,0,1.000) calc(var(--p) * 1.000), rgba(0,0,0,1.000) calc(100% - var(--p) * 1.000), rgba(0,0,0,0.995) calc(100% - var(--p) * 0.917), rgba(0,0,0,0.965) calc(100% - var(--p) * 0.833), rgba(0,0,0,0.896) calc(100% - var(--p) * 0.750), rgba(0,0,0,0.790) calc(100% - var(--p) * 0.667), rgba(0,0,0,0.653) calc(100% - var(--p) * 0.583), rgba(0,0,0,0.500) calc(100% - var(--p) * 0.500), rgba(0,0,0,0.347) calc(100% - var(--p) * 0.417), rgba(0,0,0,0.210) calc(100% - var(--p) * 0.333), rgba(0,0,0,0.104) calc(100% - var(--p) * 0.250), rgba(0,0,0,0.035) calc(100% - var(--p) * 0.167), rgba(0,0,0,0.005) calc(100% - var(--p) * 0.083), rgba(0,0,0,0.000) calc(100% - var(--p) * 0.000)), linear-gradient(to bottom, rgba(0,0,0,0.000) calc(var(--pv) * 0.000), rgba(0,0,0,0.005) calc(var(--pv) * 0.083), rgba(0,0,0,0.035) calc(var(--pv) * 0.167), rgba(0,0,0,0.104) calc(var(--pv) * 0.250), rgba(0,0,0,0.210) calc(var(--pv) * 0.333), rgba(0,0,0,0.347) calc(var(--pv) * 0.417), rgba(0,0,0,0.500) calc(var(--pv) * 0.500), rgba(0,0,0,0.653) calc(var(--pv) * 0.583), rgba(0,0,0,0.790) calc(var(--pv) * 0.667), rgba(0,0,0,0.896) calc(var(--pv) * 0.750), rgba(0,0,0,0.965) calc(var(--pv) * 0.833), rgba(0,0,0,0.995) calc(var(--pv) * 0.917), rgba(0,0,0,1.000) calc(var(--pv) * 1.000), rgba(0,0,0,1.000) calc(100% - var(--pv) * 1.000), rgba(0,0,0,0.995) calc(100% - var(--pv) * 0.917), rgba(0,0,0,0.965) calc(100% - var(--pv) * 0.833), rgba(0,0,0,0.896) calc(100% - var(--pv) * 0.750), rgba(0,0,0,0.790) calc(100% - var(--pv) * 0.667), rgba(0,0,0,0.653) calc(100% - var(--pv) * 0.583), rgba(0,0,0,0.500) calc(100% - var(--pv) * 0.500), rgba(0,0,0,0.347) calc(100% - var(--pv) * 0.417), rgba(0,0,0,0.210) calc(100% - var(--pv) * 0.333), rgba(0,0,0,0.104) calc(100% - var(--pv) * 0.250), rgba(0,0,0,0.035) calc(100% - var(--pv) * 0.167), rgba(0,0,0,0.005) calc(100% - var(--pv) * 0.083), rgba(0,0,0,0.000) calc(100% - var(--pv) * 0.000));mask-image:linear-gradient(to right, rgba(0,0,0,0.000) calc(var(--p) * 0.000), rgba(0,0,0,0.005) calc(var(--p) * 0.083), rgba(0,0,0,0.035) calc(var(--p) * 0.167), rgba(0,0,0,0.104) calc(var(--p) * 0.250), rgba(0,0,0,0.210) calc(var(--p) * 0.333), rgba(0,0,0,0.347) calc(var(--p) * 0.417), rgba(0,0,0,0.500) calc(var(--p) * 0.500), rgba(0,0,0,0.653) calc(var(--p) * 0.583), rgba(0,0,0,0.790) calc(var(--p) * 0.667), rgba(0,0,0,0.896) calc(var(--p) * 0.750), rgba(0,0,0,0.965) calc(var(--p) * 0.833), rgba(0,0,0,0.995) calc(var(--p) * 0.917), rgba(0,0,0,1.000) calc(var(--p) * 1.000), rgba(0,0,0,1.000) calc(100% - var(--p) * 1.000), rgba(0,0,0,0.995) calc(100% - var(--p) * 0.917), rgba(0,0,0,0.965) calc(100% - var(--p) * 0.833), rgba(0,0,0,0.896) calc(100% - var(--p) * 0.750), rgba(0,0,0,0.790) calc(100% - var(--p) * 0.667), rgba(0,0,0,0.653) calc(100% - var(--p) * 0.583), rgba(0,0,0,0.500) calc(100% - var(--p) * 0.500), rgba(0,0,0,0.347) calc(100% - var(--p) * 0.417), rgba(0,0,0,0.210) calc(100% - var(--p) * 0.333), rgba(0,0,0,0.104) calc(100% - var(--p) * 0.250), rgba(0,0,0,0.035) calc(100% - var(--p) * 0.167), rgba(0,0,0,0.005) calc(100% - var(--p) * 0.083), rgba(0,0,0,0.000) calc(100% - var(--p) * 0.000)), linear-gradient(to bottom, rgba(0,0,0,0.000) calc(var(--pv) * 0.000), rgba(0,0,0,0.005) calc(var(--pv) * 0.083), rgba(0,0,0,0.035) calc(var(--pv) * 0.167), rgba(0,0,0,0.104) calc(var(--pv) * 0.250), rgba(0,0,0,0.210) calc(var(--pv) * 0.333), rgba(0,0,0,0.347) calc(var(--pv) * 0.417), rgba(0,0,0,0.500) calc(var(--pv) * 0.500), rgba(0,0,0,0.653) calc(var(--pv) * 0.583), rgba(0,0,0,0.790) calc(var(--pv) * 0.667), rgba(0,0,0,0.896) calc(var(--pv) * 0.750), rgba(0,0,0,0.965) calc(var(--pv) * 0.833), rgba(0,0,0,0.995) calc(var(--pv) * 0.917), rgba(0,0,0,1.000) calc(var(--pv) * 1.000), rgba(0,0,0,1.000) calc(100% - var(--pv) * 1.000), rgba(0,0,0,0.995) calc(100% - var(--pv) * 0.917), rgba(0,0,0,0.965) calc(100% - var(--pv) * 0.833), rgba(0,0,0,0.896) calc(100% - var(--pv) * 0.750), rgba(0,0,0,0.790) calc(100% - var(--pv) * 0.667), rgba(0,0,0,0.653) calc(100% - var(--pv) * 0.583), rgba(0,0,0,0.500) calc(100% - var(--pv) * 0.500), rgba(0,0,0,0.347) calc(100% - var(--pv) * 0.417), rgba(0,0,0,0.210) calc(100% - var(--pv) * 0.333), rgba(0,0,0,0.104) calc(100% - var(--pv) * 0.250), rgba(0,0,0,0.035) calc(100% - var(--pv) * 0.167), rgba(0,0,0,0.005) calc(100% - var(--pv) * 0.083), rgba(0,0,0,0.000) calc(100% - var(--pv) * 0.000));-webkit-mask-composite:source-in;mask-composite:intersect}
.plume-x{--p:7%;--pv:0px}
.plume-photo{--p:3.5%;--pv:4.5%}
.plume-ovale{-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%, rgba(0,0,0,1.000) 58.0%, rgba(0,0,0,0.995) 61.5%, rgba(0,0,0,0.965) 65.0%, rgba(0,0,0,0.896) 68.5%, rgba(0,0,0,0.790) 72.0%, rgba(0,0,0,0.653) 75.5%, rgba(0,0,0,0.500) 79.0%, rgba(0,0,0,0.347) 82.5%, rgba(0,0,0,0.210) 86.0%, rgba(0,0,0,0.104) 89.5%, rgba(0,0,0,0.035) 93.0%, rgba(0,0,0,0.005) 96.5%, rgba(0,0,0,0.000) 100.0%);mask-image:radial-gradient(ellipse closest-side at 50% 50%, rgba(0,0,0,1.000) 58.0%, rgba(0,0,0,0.995) 61.5%, rgba(0,0,0,0.965) 65.0%, rgba(0,0,0,0.896) 68.5%, rgba(0,0,0,0.790) 72.0%, rgba(0,0,0,0.653) 75.5%, rgba(0,0,0,0.500) 79.0%, rgba(0,0,0,0.347) 82.5%, rgba(0,0,0,0.210) 86.0%, rgba(0,0,0,0.104) 89.5%, rgba(0,0,0,0.035) 93.0%, rgba(0,0,0,0.005) 96.5%, rgba(0,0,0,0.000) 100.0%);-webkit-mask-composite:source-over;mask-composite:add}
.plume-doux{--p:5%;--pv:6%}
@media (max-width:700px){.plume{--p:6%;--pv:7%}}

/* En-tête */
.entete{position:absolute;inset:0 0 auto 0;z-index:6;padding-top:env(safe-area-inset-top,0px);color:var(--ivoire)}
.entete::before{content:"";position:absolute;inset:0 0 -60px 0;background:linear-gradient(180deg,rgba(15,15,16,.6),rgba(15,15,16,.32) 45%,rgba(15,15,16,0));pointer-events:none}
.entete.clair{position:relative;color:var(--anthracite)}
.entete.clair::before{display:none}
.entete .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-block:18px}
.marque{display:grid;text-decoration:none;line-height:1.1}
.marque b{font-family:var(--f-titre);font-weight:var(--nom-poids);font-size:var(--nom-taille);letter-spacing:.005em}
.marque span{font-size:.78rem;opacity:.86;letter-spacing:.01em}
.nav{display:flex;gap:1.5rem;font-size:.93rem}
.nav a{text-decoration:none;padding-block:.25rem;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-color:currentColor}
.outils{display:flex;align-items:center;gap:.9rem}
.langues{display:flex;gap:.15rem;font:600 .78rem/1 var(--f-texte);letter-spacing:.06em}
.langues a{padding:.45rem .45rem;text-decoration:none;opacity:.72}
.langues a[aria-current="true"]{opacity:1;box-shadow:inset 0 -1px 0 currentColor}
.tel{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;font-size:.92rem;text-decoration:none;border:1px solid currentColor;padding:.48rem .9rem;border-radius:999px}
@media (max-width:1060px){.nav{display:none}}
@media (max-width:560px){.tel{display:none}.marque span{max-width:24ch}}

/* Héro : la vidéo rejoint exactement le fond de la section suivante (nuit) */
.hero{position:relative;min-height:clamp(600px,100svh,980px);display:flex;align-items:flex-end;color:var(--ivoire);background:var(--nuit);overflow:hidden}
.hero__media{position:absolute;inset:0}
.hero__media video{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.hero__media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(0deg,#0f0f10 0%,rgba(15,15,16,.94) 7%,rgba(18,24,24,.84) 22%,rgba(20,30,30,.7) 42%,rgba(23,35,34,.38) 62%,rgba(23,35,34,.1) 76%,rgba(23,35,34,0) 86%),
  linear-gradient(90deg,rgba(15,15,16,.45) 0%,rgba(15,15,16,.2) 34%,rgba(15,15,16,0) 60%)}
.hero .wrap{position:relative;width:100%;padding-block:0 clamp(64px,10vh,120px);display:grid;gap:1.3rem}
.hero h1{max-width:13em}
.hero__bas{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;align-items:flex-end;justify-content:space-between}
.hero__bas p{max-width:44ch;color:#EFE8DC}
@media (max-width:700px){.hero{min-height:100svh}.hero__media video{object-position:62% 20%}
 .hero__media::after{background:linear-gradient(0deg,#0f0f10 0%,rgba(15,15,16,.95) 10%,rgba(18,24,24,.86) 30%,rgba(20,30,30,.78) 50%,rgba(23,35,34,.4) 68%,rgba(23,35,34,.08) 82%,rgba(23,35,34,0) 90%)}}

/* Praticien */
.praticien{padding-block:clamp(16px,3vw,32px) clamp(48px,7vw,96px)}
.praticien__grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);align-items:center}
.portrait{position:relative;margin:0}
.portrait picture img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;--p:16%;--pv:14%}
.portrait .incrustation{position:absolute;right:-4%;bottom:6%;width:36%;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45);background:#1d1c1b}
.portrait .incrustation video{width:100%;height:100%;object-fit:cover}
.titres-pro{display:grid;gap:.15rem;font-family:var(--f-titre);font-size:1.25rem;line-height:1.35;color:var(--clair-2)}
.parcours-court{list-style:none;margin:.6rem 0 0;padding:0;border-top:1px solid rgba(221,211,198,.16)}
.parcours-court li{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1rem;padding:.62rem 0;border-bottom:1px solid rgba(221,211,198,.16);font-size:.95rem}
.parcours-court time{font-family:var(--f-titre);font-size:1.12rem;color:var(--gencive-clair);font-variant-numeric:oldstyle-nums}
@media (max-width:900px){.praticien__grille{grid-template-columns:1fr}.portrait{max-width:520px}.portrait .incrustation{right:2%;width:34%}}

/* Chapitres sombres : texte, grand média sans cadre, légende, explication */
.chapitre{padding-block:clamp(40px,6vw,88px)}
.chapitre .intro{display:grid;gap:1rem;max-width:760px}
.media-grand{margin:clamp(28px,4vw,56px) auto 0;display:grid;gap:.8rem;max-width:1180px}
.media-grand video,.media-grand img{width:100%;height:auto}
.media-grand figcaption{max-width:760px;justify-self:center;text-align:center;padding-inline:var(--gout)}
.suite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);margin-top:clamp(28px,4vw,48px);align-items:start}
@media (max-width:820px){.suite{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:center}
.duo.inverse{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.duo.inverse > :first-child{order:2}
@media (max-width:860px){.duo,.duo.inverse{grid-template-columns:1fr}.duo.inverse > :first-child{order:0}}
.plan-video{max-width:760px;margin:clamp(24px,4vw,48px) auto 0}
.plan-video video{width:100%;aspect-ratio:1/1;object-fit:cover}
.media-grand video{aspect-ratio:16/9;object-fit:cover}
video[data-src$="perte-osseuse"]{aspect-ratio:4/3}
img{height:auto}
@media (max-height:520px) and (orientation:landscape){.hero,.t-hero{min-height:100svh}.hero h1{font-size:2.1rem}.t-hero .wrap{padding-top:90px}.hero__bas{padding-right:52px}.hero__bas p{font-size:.95rem}.hero .wrap{padding-bottom:28px}}
.etapes{list-style:none;counter-reset:e;margin:0;padding:0}
.etapes li{counter-increment:e;display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;padding:.8rem 0;border-top:1px solid rgba(221,211,198,.16)}
.etapes li::before{content:counter(e);font-family:var(--f-titre);font-size:1.3rem;line-height:1.25;color:var(--gencive-clair)}
.etapes b{font-weight:600;color:var(--ivoire)}
.note{font-size:.92rem;border-left:2px solid var(--gencive-clair);padding:.2rem 0 .2rem 1rem}

/* Santé générale */
.sante{position:relative;overflow:hidden}
.sante__media{position:absolute;inset:0 0 0 36%}
.sante__media video{width:100%;height:100%;object-fit:cover}
.sante__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172322 0%,rgba(23,35,34,.8) 12%,rgba(23,35,34,.5) 30%,rgba(23,35,34,.18) 55%,rgba(23,35,34,0) 75%),linear-gradient(0deg,#172322 0%,rgba(23,35,34,.6) 12%,rgba(23,35,34,0) 32%),linear-gradient(180deg,#172322 0%,rgba(23,35,34,.6) 12%,rgba(23,35,34,0) 32%)}
.sante .wrap{position:relative;padding-block:clamp(56px,8vw,120px)}
.sante__texte{max-width:560px;display:grid;gap:1.1rem}
.themes{display:flex;flex-wrap:wrap;gap:.45rem;margin:.4rem 0 0;padding:0;list-style:none}
.themes li{font-size:.85rem;padding:.32rem .7rem;border:1px solid rgba(221,211,198,.3);border-radius:999px}
@media (max-width:760px){.sante__media{position:relative;inset:auto;height:62vw}.sante__media::after{background:linear-gradient(0deg,#172322 0%,rgba(23,35,34,.7) 18%,rgba(23,35,34,0) 50%),linear-gradient(180deg,#172322 0%,rgba(23,35,34,.6) 14%,rgba(23,35,34,0) 40%)}.sante .wrap{padding-top:0}}

/* Sections claires */
.bloc{padding-block:clamp(48px,7vw,104px)}
.illus-multiplie{mix-blend-mode:multiply}
.equip-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(20px,3vw,48px);margin-top:2.4rem}
.equip{display:grid;gap:.8rem;align-content:start}
.equip img{width:100%;aspect-ratio:3/2;object-fit:cover}
.equip p{color:var(--taupe-texte)}
@media (max-width:700px){.equip-grille{grid-template-columns:1fr}}

/* Avis Google */
.avis{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.note-globale{display:grid;gap:.4rem}
.note-globale .chiffre{font-family:var(--f-titre);font-size:calc(4.2rem*var(--t-echelle));line-height:1}
.etoiles{color:#B9822E;letter-spacing:.1em;font-size:1.1rem}
.extraits{display:grid;gap:1.4rem;margin:0;padding:0;list-style:none}
.extraits blockquote{margin:0;font-family:var(--f-titre);font-size:calc(1.3rem*var(--t-echelle));line-height:1.4}
.extraits footer{font-size:.86rem;color:var(--taupe-texte);margin-top:.35rem}
.mention{font-size:.82rem;color:var(--taupe-texte)}
@media (max-width:800px){.avis{grid-template-columns:1fr}}

/* Articles */
.cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:2rem}
.carte{display:grid;gap:.6rem;text-decoration:none;padding:1.4rem 1.4rem 1.6rem;background:var(--ivoire-2);border-radius:var(--r)}
.carte:hover{background:#E6DDCF}
.carte p{font-size:.95rem;color:var(--taupe-texte)}
.carte .etat{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9A5B4F}
@media (max-width:860px){.cartes{grid-template-columns:1fr}}

/* FAQ (accordéon accessible : réponses présentes dans le HTML) */
.faq{display:grid;max-width:880px}
details.q{border-top:1px solid var(--pierre);padding:1rem 0}
details.q:last-of-type{border-bottom:1px solid var(--pierre)}
details.q summary{cursor:pointer;font-family:var(--f-titre);font-weight:var(--t-poids);font-size:calc(1.3rem*var(--t-echelle));line-height:1.3;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";color:var(--gencive);font-family:var(--f-texte);font-size:1.2rem}
details.q[open] summary::after{content:"–"}
details.q .rep{margin-top:.6rem;color:#4E463C;max-width:66ch;display:grid;gap:.6rem}
.sombre details.q{border-color:rgba(221,211,198,.2)}
.sombre details.q .rep{color:#E3DBCF}

/* Accès au cabinet */
.acces-photo{margin:0}
.acces-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;--p:6%;--pv:8%}
.acces-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);margin-top:clamp(24px,4vw,48px)}
.acces-grille address{font-style:normal;font-size:1.1rem}
.acces-grille dl{margin:0;display:grid;gap:1rem}
.acces-grille dt{font-weight:600}
.acces-grille dd{margin:.2rem 0 0;color:#4E463C}
.carte-zone{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--ivoire-2);display:grid;place-items:center;text-align:center;padding:1.5rem}
.carte-zone iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.4rem}
@media (max-width:860px){.acces-grille{grid-template-columns:1fr}}

/* Rendez-vous (jardin en ambiance seulement) */
.rdv{position:relative;color:var(--ivoire);overflow:hidden;background:var(--anthracite)}
.rdv__fond{position:absolute;inset:0}
.rdv__fond img{width:100%;height:100%;object-fit:cover}
.rdv__fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, #f3ede3 0.0%, #f3ede3 5.6%, #f0eae0 11.1%, #eae5db 16.7%, #e0dcd2 22.2%, #d2cfc6 27.8%, #bfbeb6 33.3%, #aaaba4 38.9%, #949690 44.4%, #7c807b 50.0%, #666c67 55.6%, #515955 61.1%, #3f4845 66.7%, #303a38 72.2%, #25302e 77.8%, #1d2928 83.3%, #192524 88.9%, #172322 94.4%, #172322 100.0%);opacity:.0}
.rdv__fond::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#F3EDE3 0%,rgba(243,237,227,.82) 8%,rgba(243,237,227,.42) 18%,rgba(243,237,227,0) 30%),linear-gradient(90deg,rgba(23,35,34,.88) 0%,rgba(23,35,34,.62) 45%,rgba(23,35,34,.25) 100%),linear-gradient(0deg,#172322 0%,rgba(23,35,34,.7) 14%,rgba(23,35,34,0) 38%)}
.rdv .wrap{position:relative;z-index:2;padding-block:clamp(150px,18vw,260px) clamp(56px,8vw,100px);display:grid;gap:1rem}

/* Bandes sombres dans les pages intérieures */
.bande{padding-block:clamp(24px,4vw,56px)}

/* Pied */
.pied{padding-block:48px calc(48px + env(safe-area-inset-bottom,0px));font-size:.88rem;background:var(--anthracite);color:var(--ivoire)}
.pied .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.pied a{display:block;text-decoration:none;color:var(--greige);padding:.15rem 0}
.pied a:hover{color:var(--ivoire)}
.note-maquette{grid-column:1/-1;color:var(--greige);border-top:1px solid rgba(221,211,198,.18);padding-top:1.1rem;font-size:.8rem}
.outils-maquette{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;font-size:.82rem;color:var(--greige)}
.outils-maquette button{font:inherit;color:var(--ivoire);background:transparent;border:1px solid rgba(221,211,198,.35);border-radius:999px;padding:.35rem .8rem;cursor:pointer}
.outils-maquette button[aria-pressed="true"]{background:var(--ivoire);color:var(--anthracite)}
.seo-demo{grid-column:1/-1;font-size:.78rem;color:var(--greige)}
.seo-demo summary{cursor:pointer}
.seo-demo pre{white-space:pre-wrap;word-break:break-all;background:rgba(0,0,0,.25);padding:.8rem;border-radius:8px;color:#E3DBCF}

/* Bouton pause discret */
.pause{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:30;width:38px;height:38px;display:grid;place-items:center;color:var(--ivoire);background:rgba(23,35,34,.5);border:1px solid rgba(243,237,227,.35);border-radius:50%;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}
.pause svg{width:12px;height:12px;fill:currentColor}
.pause .infobulle{position:absolute;right:46px;white-space:nowrap;font:600 .78rem/1 var(--f-texte);background:var(--anthracite);color:var(--ivoire);padding:.45rem .6rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s}
.pause:hover .infobulle,.pause:focus-visible .infobulle{opacity:1}
.pause[aria-pressed="true"] .i-pause,.pause[aria-pressed="false"] .i-lire{display:none}

/* Pages intérieures */
.t-hero{position:relative;min-height:clamp(520px,82svh,800px);display:flex;align-items:flex-end;color:var(--ivoire);background:var(--anthracite);overflow:hidden}
.t-hero .hero__media::after{background:linear-gradient(0deg,#172322 0%,rgba(23,35,34,.9) 14%,rgba(23,35,34,.66) 42%,rgba(23,35,34,.3) 80%,rgba(23,35,34,.2) 100%)}
.t-hero .wrap{position:relative;width:100%;padding-block:150px 40px;display:grid;gap:1.1rem}
.fil{font-size:.86rem;color:var(--pierre)}
.fil a{text-decoration:none;border-bottom:1px solid rgba(243,237,227,.35)}
.chapo{font-size:clamp(1.08rem,1.6vw,1.26rem);max-width:52ch;color:#EFE8DC}
.en-bref{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 2rem;margin:0;padding:1.4rem 0;border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre)}
.en-bref dt{font-weight:600;font-size:.9rem}
.en-bref dd{margin:.2rem 0 0;color:var(--taupe-texte);font-size:.93rem}
@media (max-width:800px){.en-bref{grid-template-columns:1fr 1fr}}
.sequence{list-style:none;margin:0;padding:0;counter-reset:s}
.sequence li{counter-increment:s;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.05rem 0;border-top:1px solid var(--pierre)}
.sequence li::before{content:counter(s);font-family:var(--f-titre);font-size:2rem;line-height:1;color:var(--gencive)}
.sequence h3{font-size:calc(1.3rem*var(--t-echelle));margin-bottom:.2rem}
.lecteur{background:var(--anthracite);color:var(--ivoire);border-radius:var(--r);overflow:hidden;max-width:1000px;margin-inline:auto}
.lecteur__ecran{position:relative;aspect-ratio:16/9;background:#000}
.lecteur__ecran video{width:100%;height:100%;object-fit:contain;background:#000}
.lecteur__voile{position:absolute;inset:0;display:grid;place-items:center;background:center/cover no-repeat}
.lecteur__voile::before{content:"";position:absolute;inset:0;background:rgba(23,35,34,.4)}
.bouton-lire{position:relative;display:flex;align-items:center;gap:.7rem;font:600 1rem/1 var(--f-texte);color:var(--anthracite);background:var(--ivoire);border:0;padding:.95rem 1.3rem;border-radius:999px;cursor:pointer}
.bouton-lire svg{width:14px;height:14px;fill:currentColor}
.lecteur__etat{position:absolute;inset:auto 0 0 0;padding:.9rem 1rem;font-size:.88rem;background:rgba(23,35,34,.92);margin:0}
.lecteur__etat[data-type="erreur"]{border-top:2px solid var(--gencive-clair)}
.lecteur__barre{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between;padding:.8rem 1rem;font-size:.82rem;color:var(--greige)}
.lecteur__barre select{font:inherit;background:#22302f;color:var(--ivoire);border:1px solid rgba(221,211,198,.35);padding:.25rem .4rem;border-radius:6px}

/* Essais typographiques */
.essais{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px)}
.essai{display:grid;gap:1rem;padding:1.6rem;border-radius:var(--r);background:var(--ivoire-2);align-content:start}
.essai .titre-essai{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.05;margin:0;text-wrap:balance}
.essai .nom-essai{font-size:1.5rem;margin:0}
.essai .meta{font-size:.82rem;color:var(--taupe-texte)}
.essai.A .titre-essai,.essai.A .nom-essai{font-family:"EB Garamond",serif;font-weight:400;letter-spacing:-.008em}
.essai.B .titre-essai{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(2.45rem,4.9vw,4rem);letter-spacing:-.005em}
.essai.B .nom-essai{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:1.7rem}
.essai.B2 .titre-essai{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(2.45rem,4.9vw,4rem)}
.diag{font:400 .8rem/1.5 ui-monospace,Menlo,Consolas,monospace;background:#fff;border-radius:8px;padding:.9rem;white-space:pre-wrap;overflow:auto}
@media (max-width:760px){.essais{grid-template-columns:1fr}}



@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* repris de la v2 : dossier et parcours */
/* ---------- Article ---------- */
.a-tete{padding-block:clamp(40px,6vw,80px) clamp(28px,4vw,48px);display:grid;gap:1.1rem;max-width:900px}
.a-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;font-size:.88rem;color:var(--taupe-texte)}
.a-meta b{color:var(--anthracite);font-weight:600}
.statut{display:inline-block;font:600 .74rem/1 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;padding:.45rem .65rem;border-radius:999px;background:#EAD7CF;color:#7C4337}
.resume{background:var(--ivoire-2);border-radius:var(--r);padding:1.3rem 1.5rem;display:grid;gap:.6rem}
.resume ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}
.sommaire ol{margin:.4rem 0 0;padding-left:1.2rem;display:grid;gap:.25rem;font-size:.93rem}
.sommaire a{text-decoration:none;border-bottom:1px solid var(--greige)}
.figure{margin:0;display:grid;gap:.6rem}
.figure .cadre{border-radius:var(--r);overflow:hidden;background:#fff}
.figure.sombre-fond .cadre{background:var(--anthracite)}
.figure img,.figure video{width:100%;height:auto}
.figure figcaption b{color:var(--anthracite)}
.tableau{overflow-x:auto;border-radius:var(--r);border:1px solid var(--pierre)}
table{border-collapse:collapse;width:100%;min-width:760px;font-size:.9rem;line-height:1.45}
th,td{text-align:left;vertical-align:top;padding:.8rem .9rem;border-bottom:1px solid var(--pierre)}
thead th{background:var(--ivoire-2);font-weight:600;font-size:.82rem;letter-spacing:.02em}
tbody th{font-family:var(--f-titre);font-size:1.15rem;line-height:1.3;font-weight:var(--t-poids);width:15%}
td .niv{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.18rem .45rem;border-radius:4px;margin-bottom:.3rem}
.niv.etabli{background:#DCE6DE;color:#24432D}.niv.modere{background:#EFE3C8;color:#6A4C12}.niv.faible{background:#EBDAD3;color:#7C4337}.niv.inconnu{background:#E3E0DC;color:#4C4740}
@media (max-width:700px){table{min-width:0}thead{display:none}tbody tr{display:block;padding:.6rem 0;border-bottom:1px solid var(--pierre)}tbody th,tbody td{display:block;border:0;padding:.35rem .9rem;width:auto}td::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}}
.biblio{margin:0;padding-left:1.4rem;display:grid;gap:.55rem;font-size:.88rem;color:var(--taupe-texte)}
.biblio a{word-break:break-all}
.a-pied{display:grid;gap:.5rem;font-size:.9rem;border-top:1px solid var(--pierre);padding-top:1.2rem;color:var(--taupe-texte)}

/* ---------- Parcours ---------- */
.p-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding-block:clamp(48px,7vw,100px)}
.p-portrait{position:sticky;top:24px;align-self:start;display:grid;gap:1rem}
.p-portrait img{width:100%;border-radius:var(--r);aspect-ratio:4/5;object-fit:cover}
.frise{list-style:none;margin:0;padding:0;position:relative}
.frise::before{content:"";position:absolute;left:5.1rem;top:.6rem;bottom:.6rem;width:1px;background:var(--pierre)}
.frise li{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1.6rem;padding:.9rem 0;position:relative}
.frise li::after{content:"";position:absolute;left:calc(5.1rem - 4px);top:1.35rem;width:9px;height:9px;border-radius:50%;background:var(--ivoire);border:1.5px solid var(--gencive)}
.frise li.dip::after{background:var(--gencive)}
.frise time{font-family:var(--f-titre);font-size:1.25rem;line-height:1.3;color:var(--gencive);font-variant-numeric:oldstyle-nums;text-align:right}
.frise h3{font-size:1.18rem;font-weight:500}
.frise p{font-size:.92rem;color:var(--taupe-texte)}
.frise .type{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--taupe)}
@media (max-width:860px){.p-grille{grid-template-columns:1fr}.p-portrait{position:static;max-width:420px}}


.corps{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,6vw,96px);padding-block:clamp(48px,7vw,100px)}
.corps article{display:grid;gap:clamp(48px,6vw,84px);min-width:0}
.corps section{display:grid;gap:1.05rem}
.corps h2{font-size:calc(clamp(1.9rem,3.4vw,2.8rem)*var(--t-echelle))}
.aside{position:sticky;top:24px;align-self:start;display:grid;gap:.9rem;font-size:.93rem;background:var(--ivoire-2);border-radius:var(--r);padding:1.2rem 1.3rem}
.aside dl{margin:0;display:grid;gap:.7rem}.aside dt{font-weight:600}.aside dd{margin:0;color:var(--taupe-texte)}
.encadre{background:var(--ivoire-2);border-radius:var(--r);padding:1.1rem 1.3rem;font-size:.95rem}
.encadre.attention{border-left:3px solid var(--gencive)}
@media (max-width:900px){.corps{grid-template-columns:1fr}.aside{position:static;order:-1}}

/* ================= v4 : site multipage ================= */
.evitement{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--anthracite);color:var(--ivoire);padding:.6rem 1rem;border-radius:8px}
.evitement:focus{left:8px}
/* En-tête : navigation à sous-menus */
.nav ul{display:flex;gap:1.35rem;list-style:none;margin:0;padding:0}
.nav li{position:relative}
.nav a{display:block}
.nav .sous{position:absolute;left:-1rem;top:100%;min-width:250px;padding:.7rem 1rem;background:rgba(23,35,34,.97);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);display:grid;gap:.1rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav .sous a{padding:.45rem 0;color:var(--ivoire);border:0;font-size:.92rem}
.nav .sous a:hover{color:var(--gencive-clair)}
.nav .a-sous:hover .sous,.nav .a-sous:focus-within .sous{opacity:1;visibility:visible;transform:none}
.langue{font:600 .78rem/1 var(--f-texte);letter-spacing:.08em;text-decoration:none;padding:.5rem .55rem;border:1px solid rgba(243,237,227,.35);border-radius:999px}
.menu-mobile{display:none;position:relative}
.menu-mobile summary{list-style:none;cursor:pointer;width:42px;height:42px;display:grid;place-content:center;gap:5px;border:1px solid currentColor;border-radius:50%}
.menu-mobile summary::-webkit-details-marker{display:none}
.menu-mobile summary span{display:block;width:16px;height:1.5px;background:currentColor}
.menu-mobile .panneau{position:fixed;inset:72px 12px auto 12px;max-height:calc(100svh - 90px);overflow:auto;background:var(--anthracite);color:var(--ivoire);border-radius:16px;padding:1rem 1.2rem 1.4rem;display:grid;gap:.15rem;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.menu-mobile .panneau a{text-decoration:none;padding:.5rem 0;color:#E3DBCF}
.menu-mobile .m-titre{margin-top:.7rem;font:600 .75rem/1 var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--greige)}
.menu-mobile .m-top{font-family:var(--f-titre);font-size:1.35rem;color:var(--ivoire)}
.menu-mobile .bouton{margin-top:1rem;justify-content:center;background:var(--ivoire);color:var(--anthracite)}
@media (max-width:1180px){.nav{display:none}.menu-mobile{display:block}}
@media (max-width:560px){.tel{display:none}}

/* Héros */
.hero__qui{color:var(--pierre)}
.hero .actions{display:flex;flex-wrap:wrap;gap:.7rem}
.t-hero h1{max-width:15em}
.t-hero .hero__media img,.t-hero .hero__media video{width:100%;height:100%;object-fit:cover}
.t-hero--portrait .hero__media img{object-position:70% 22%}
.t-hero--portrait .hero__media::after{background:linear-gradient(0deg,#172322 0%,rgba(23,35,34,.92) 16%,rgba(23,35,34,.55) 44%,rgba(23,35,34,.1) 80%),linear-gradient(90deg,rgba(15,15,16,.75) 0%,rgba(15,15,16,.35) 40%,rgba(15,15,16,0) 65%)}

/* Corps des pages */
.tete-page{display:grid;gap:1.4rem;padding-top:clamp(8px,2vw,24px)}
.sec{display:grid;gap:1.05rem;padding-block:clamp(28px,4vw,48px) 0}
.sec.sec-suite{padding-top:0}
.etroit + .etroit .sec{padding-top:clamp(36px,5vw,64px)}
.sec h2{font-size:calc(clamp(1.9rem,3.4vw,2.7rem)*var(--t-echelle));margin-bottom:.2rem}
.sec p,.sec li{max-width:68ch}
.sec a:not(.bouton){font-weight:600;text-decoration-color:var(--gencive)}
.liste{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}
.liste li::marker{color:var(--gencive)}
.appel{font-size:.7em;line-height:0;margin-left:.1em}
.appel a{text-decoration:none;font-weight:600;color:#8E4F44}
.meta-article{border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre);padding:.9rem 0;font-size:.9rem;color:var(--taupe-texte);display:grid;gap:.3rem}
.meta-article p:first-child{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem}
.meta-article b{color:var(--anthracite);font-weight:600}
.meta-article .theme{font-size:.82rem;letter-spacing:.04em}
.resume{background:var(--ivoire-2);border-radius:var(--r);padding:1.2rem 1.4rem}
.resume ul{margin:.6rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem}
.sommaire ol{margin:.6rem 0 0;padding-left:1.4rem;display:grid;gap:.3rem;columns:2;column-gap:2rem;display:block}
.sommaire li{break-inside:avoid;margin-bottom:.3rem}
.sommaire a{text-decoration:none;border-bottom:1px solid var(--pierre)}
@media (max-width:700px){.sommaire ol{columns:1}}
.tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:.4rem}
.tableau table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
.tableau th{text-align:left;font-weight:600;padding:.6rem .7rem;border-bottom:2px solid var(--pierre);vertical-align:bottom}
.tableau td{padding:.6rem .7rem;border-bottom:1px solid var(--pierre);vertical-align:top}
.tableau tr:nth-child(even) td{background:rgba(236,229,217,.55)}

/* Médias dans le texte clair */
.media-texte{margin:.8rem auto;display:grid;gap:.6rem;width:100%}
.media-texte img,.media-texte video{width:100%;height:auto}
.st-photo img{--p:3.5%;--pv:4.5%}
.plume-clair{--p:7%;--pv:9%}
.media-texte figcaption{text-align:center;max-width:62ch;justify-self:center}
.bande{padding-block:clamp(8px,2vw,24px)}
.bande .media-grand{margin:0 auto}
.bande .lecteur{margin-inline:auto}
.lecteur{width:100%}

/* Rubriques : cartes illustrées */
.bloc-cartes{padding-block:clamp(28px,4vw,56px) 0}
.cartes{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}
.carte{padding:0;overflow:hidden;align-content:start;gap:0}
.carte__img{aspect-ratio:16/9;overflow:hidden;background:var(--pierre)}
.carte__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.carte:hover .carte__img img{transform:scale(1.035)}
.carte__texte{display:grid;gap:.45rem;padding:1.1rem 1.25rem 1.4rem}
.carte h3{font-size:calc(1.35rem*var(--t-echelle))}
@media (max-width:980px){.cartes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cartes{grid-template-columns:1fr}}
.themes-nav{display:flex;flex-wrap:wrap;gap:.5rem}
.themes-nav a{text-decoration:none;font-size:.9rem;padding:.4rem .85rem;border:1px solid var(--pierre);border-radius:999px}
.theme-bloc{scroll-margin-top:20px}

/* Références, liens, validation */
.references{margin:0;padding-left:1.6rem;display:grid;gap:.55rem;font-size:.86rem;color:#4E463C}
.references li{scroll-margin-top:24px}
.references li:target{background:#EFE2CC;border-radius:6px}
.references a{white-space:nowrap}
.a-lire{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding-block:clamp(28px,4vw,48px) 0}
.a-lire .sur-titre{width:100%}
.a-lire a{text-decoration:none;padding:.55rem 1rem;border-radius:999px;background:var(--ivoire-2);font-weight:600;font-size:.92rem}
.a-lire a:hover{background:#E6DDCF}
.valider{margin-top:clamp(28px,4vw,48px);border:1px dashed #B9822E;border-radius:var(--r);padding:.9rem 1.1rem;font-size:.88rem;background:#FBF4E6}
.valider summary{cursor:pointer;font-weight:600;color:#7A5418}
.valider ul{padding-left:1.2rem;display:grid;gap:.35rem}

/* Parcours */
.diplomes{list-style:none;margin:0;padding:0;border-top:1px solid var(--pierre)}
.diplomes li{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--pierre)}
.diplomes time{font-family:var(--f-titre);font-size:1.45rem;line-height:1.1;color:var(--gencive);font-variant-numeric:oldstyle-nums}
.diplomes div{display:grid;gap:.1rem}
.diplomes .nature{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--taupe-texte)}
.diplomes b{font-family:var(--f-titre);font-weight:var(--t-poids);font-size:calc(1.3rem*var(--t-echelle));line-height:1.25}
.diplomes .etab{font-size:.92rem;color:#4E463C}
.formations b{font-family:var(--f-texte);font-weight:600;font-size:1rem}

/* Accueil : praticien */
.parcours-court li span{color:#E3DBCF}
.liens-prat{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:baseline;margin-top:.4rem}
.note-google{font-size:.82rem;color:var(--greige);text-decoration:none;border-bottom:1px dotted rgba(185,174,159,.6)}
.pied .note-google{display:inline}
.liens-liste{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.15rem}
.liens-liste a{display:inline-block;padding:.35rem 0;text-decoration:none;border-bottom:1px solid rgba(216,167,155,.6);font-weight:600}
.liens-liste a::after{content:" →";color:var(--gencive-clair)}
.themes a{text-decoration:none}
.suite-lien{margin-top:1.6rem;text-align:center}

/* Accès, carte, transports, contact */
.adresse-bloc{display:grid;gap:1rem}
.adresse-bloc address{font-style:normal;font-size:1.1rem;line-height:1.55}
.acces-resume{margin:0;display:grid;gap:.75rem}
.acces-resume dt{font-weight:600}
.acces-resume dd{margin:.15rem 0 0;color:#4E463C}
.carte-zone{position:relative;min-height:380px;width:100%;min-width:0;border-radius:var(--r);overflow:hidden;background:#E4DCCD;color:#C9BBA6;display:grid;place-items:center;text-align:center;padding:1.5rem;box-shadow:inset 0 0 0 1px rgba(147,135,119,.25)}
.carte-fond{position:absolute;inset:0}
.carte-fond svg{width:100%;height:100%}
.carte-contenu{position:relative;display:grid;gap:.6rem;justify-items:center;color:var(--anthracite);max-width:40ch}
.carte-titre{display:flex;align-items:center;gap:.5rem;font-family:var(--f-titre);font-size:calc(1.6rem*var(--t-echelle))}
.carte-titre svg{width:30px;height:30px;fill:#B5473A}
.carte-zone .actions{justify-content:center}
.carte-zone iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.carte-zone .mention{font-size:.8rem;color:var(--taupe-texte)}
.transports{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--pierre)}
.transports li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--pierre);align-items:start}
.transports p{margin-top:.15rem;color:#4E463C}
.badge{display:inline-grid;place-items:center;min-width:2.6rem;height:2.1rem;padding:0 .5rem;border-radius:8px;font:700 .82rem/1 var(--f-texte);color:#fff;background:#4E5B5A;justify-self:start}
.b-m3{background:#8D8B2E;border-radius:50%;width:2.3rem;min-width:0;height:2.3rem}
.b-rerc{background:#E3B505;color:#1d1d1b}
.b-rere{background:#BF4C93}
.b-94,.b-275{background:#3D7564}
.b-l{background:#8E5E9B}
.contact{display:grid;gap:1.4rem}
.contact__actions{display:flex;flex-wrap:wrap;gap:.7rem}
.horaires{border-collapse:collapse;min-width:280px;font-size:1rem}
.horaires caption{text-align:left;font-weight:600;padding-bottom:.5rem}
.horaires th{text-align:left;font-weight:400;padding:.45rem 2rem .45rem 0;border-bottom:1px solid var(--pierre)}
.horaires td{padding:.45rem 0;border-bottom:1px solid var(--pierre);font-variant-numeric:tabular-nums}

/* Bande rendez-vous */
.rdv{background:var(--anthracite)}
.rdv__grille{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem 3rem;align-items:end;padding-block:clamp(24px,4vw,56px) clamp(56px,8vw,100px)}
.rdv .actions{display:flex;flex-wrap:wrap;gap:.7rem}
.rdv .bouton.contour{color:var(--ivoire)}
@media (max-width:860px){.rdv__grille{grid-template-columns:1fr}}
.pied-nom{font-family:var(--f-titre);font-weight:var(--nom-poids);font-size:1.3rem}
.pied p{color:var(--greige);margin-top:.4rem}
.pied a.inline{display:inline;color:var(--ivoire)}
.outils-maquette a{display:inline;color:var(--ivoire)}
.clair-haut{padding-top:110px;background:var(--ivoire)}

/* grands visuels : photos et animations claires débordent la colonne de texte */
.media-texte.st-photo,.media-texte.st-clair{width:min(1120px,calc(100vw - 2*var(--gout)));max-width:none!important;margin-inline:calc(50% - min(560px,calc(50vw - var(--gout))))}
@media (min-width:1000px){.t-hero--portrait .hero__media{left:38%}.t-hero--portrait .hero__media img{object-position:50% 18%}
 .t-hero--portrait .hero__media::after{background:linear-gradient(90deg,#172322 0%,rgba(23,35,34,.85) 12%,rgba(23,35,34,.25) 40%,rgba(23,35,34,0) 70%),linear-gradient(0deg,#172322 0%,rgba(23,35,34,.7) 18%,rgba(23,35,34,0) 45%)}
 .t-hero--portrait{background:#101012}}

@media (min-width:861px){.carte-zone{aspect-ratio:4/3}}

.galerie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px);width:min(1120px,calc(100vw - 2*var(--gout)));margin-inline:calc(50% - min(560px,calc(50vw - var(--gout))));margin-block:.6rem}
.galerie figure{margin:0;display:grid;gap:.4rem}
.galerie img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media (max-width:640px){.galerie{grid-template-columns:1fr}}

/* ================= v5 : médias complets, sans fondus latéraux ni recadrage ================= */
/* 1. Plus aucun fondu latéral : le masque ne travaille plus que le haut et le bas, sur une faible hauteur */
.plume,.plume-photo,.plume-doux,.plume-clair,.plume-x{--p:0px!important}
.plume{--pv:4%}
.plume-photo{--pv:2.5%}
.plume-ovale{-webkit-mask-image:none!important;mask-image:none!important}
.sans-masque{-webkit-mask-image:none!important;mask-image:none!important}

/* 2. Rapport largeur/hauteur d'origine : aucun recadrage automatique des médias de contenu */
.media-grand video,.media-grand img,.media-texte video,.media-texte img,.plan-video video,.equip img,.acces-photo img,.galerie img,.bande video,.bande img{
  aspect-ratio:auto!important;object-fit:contain!important;height:auto!important;width:100%}
video[data-src$="perte-osseuse"]{aspect-ratio:auto}
.plan-video{max-width:min(860px,100%)}

/* 3. Grandes largeurs : jusqu'à 1280 px sur ordinateur, pleine largeur d'écran sur téléphone */
.bande .media-grand{max-width:min(1280px,100%)!important;margin-inline:auto}
.bande .media-grand.portrait-media{max-width:min(860px,100%)!important}
.media-grand,.media-texte{border-radius:0}
.media-texte.st-photo,.media-texte.st-clair,.media-texte.st-ovale{width:min(1280px,calc(100vw - 2*var(--gout)));max-width:none!important;margin-inline:calc(50% - min(640px,calc(50vw - var(--gout))))}
.media-texte.st-ovale img{border-radius:10px}
.acces-photo{max-width:1280px;margin-inline:auto}
@media (max-width:700px){
  .bande{padding-inline:0}
  .bande .media-grand,.media-texte.st-photo,.media-texte.st-clair,.media-texte.st-ovale,.galerie,.acces-photo,.chapitre .media-grand,.plan-video{
    width:100vw!important;max-width:100vw!important;margin-inline:calc(50% - 50vw)!important}
  .bande figcaption,.media-texte figcaption,.chapitre figcaption,.galerie figcaption,.acces-photo figcaption{padding-inline:var(--gout)}
  .equip img{width:100vw;max-width:100vw;margin-inline:calc(-1*var(--gout))}
}
.galerie{align-items:start}

/* 4. Accueil : chapitres avec le média en grand sous le texte (au lieu d'une demi-colonne) */
.chapitre-grand .intro{max-width:760px}
.chapitre-grand .media-grand{margin-top:clamp(24px,4vw,48px)}
.chapitre-grand .liens-liste{margin-top:.6rem}

/* ================= v5 : Parcours universitaire ================= */
.pu{padding-block:clamp(56px,8vw,112px)}
.pu__tete{display:grid;gap:1rem;max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.pu__grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(32px,6vw,96px)}
@media (max-width:820px){.pu__grille{grid-template-columns:1fr}}
.pu__domaine h3{font-family:var(--f-texte);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-texte);margin-bottom:1.1rem}
.sombre .pu__domaine h3{color:var(--greige)}
.pu__liste{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
.pu__titre{display:block;font-family:var(--f-titre);font-weight:400;font-size:calc(clamp(1.32rem,2vw,1.62rem)*var(--t-echelle));line-height:1.22;letter-spacing:-.003em;text-wrap:balance}
.pu__meta{display:block;margin-top:.35rem;font-size:.9rem;color:var(--taupe-texte);letter-spacing:.01em}
.sombre .pu__meta{color:#B8AFA2}
.pu__meta time{font-variant-numeric:lining-nums tabular-nums}
.pu__note{margin-top:clamp(32px,4vw,56px);font-size:.88rem;color:var(--taupe-texte);max-width:70ch}
.pu__liens{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.8rem 1.6rem}
.pu-formations .pu__titre{font-size:calc(clamp(1.12rem,1.6vw,1.3rem)*var(--t-echelle))}
.formation-note{border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre);padding:1.2rem 0;margin-top:.6rem;display:grid;gap:.5rem}
.formation-note .sur-titre{margin:0}
.formation-note p{font-size:.98rem}

/* ================= v5 : blog ================= */
.auteur{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.1rem;align-items:center;padding:1.2rem 0;border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre)}
.auteur img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.auteur p{font-size:.93rem;color:#4E463C}
.auteur b{font-family:var(--f-titre);font-weight:500;font-size:1.2rem;color:var(--anthracite)}
.cat-etiquette{display:inline-block;font:600 .74rem/1 var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:#8E4F44}
.parcours-patient{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--pierre)}
.parcours-patient li{border-bottom:1px solid var(--pierre);padding:1rem .9rem 1rem 0}
.parcours-patient span{display:block;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-texte)}
.parcours-patient a{font-family:var(--f-titre);font-size:calc(1.15rem*var(--t-echelle));text-decoration:none}
.parcours-patient a[aria-current]{color:#8E4F44}
@media (max-width:860px){.parcours-patient{grid-template-columns:1fr}}
.transcription{white-space:normal;max-height:none}
.transcription p{margin:0 0 .6rem}
/* hauteur maîtrisée : un média très haut ne dépasse pas 82 % de l'écran ; largeur déduite de ses proportions */
.media-grand video,.media-grand img,.plan-video video{width:auto!important;max-width:100%!important;max-height:82vh;margin-inline:auto;display:block}
.media-texte video,.media-texte img{max-height:86vh;width:auto!important;max-width:100%!important;margin-inline:auto;display:block}
.media-grand figcaption{max-width:760px}
/* Parcours : grille large, hors de la colonne de texte */
.sec .pu__grille{width:min(1120px,calc(100vw - 2*var(--gout)));margin-inline:calc(50% - min(560px,calc(50vw - var(--gout))));margin-block:.8rem 1.4rem}
.pu__liste .pu__meta + .pu__meta{font-size:.78rem;opacity:.85;margin-top:.2rem}
/* Héro du parcours : portrait sur toute la largeur, sans bloc rectangulaire */
@media (min-width:1000px){.t-hero--portrait .hero__media{left:0!important}.t-hero--portrait .hero__media img{object-position:78% 20%!important}
 .t-hero--portrait .hero__media::after{background:linear-gradient(90deg,#101012 0%,rgba(16,16,18,.92) 28%,rgba(16,16,18,.45) 52%,rgba(16,16,18,0) 72%),linear-gradient(0deg,#172322 0%,rgba(23,35,34,.75) 16%,rgba(23,35,34,0) 42%)!important}}
/* Intitulés de diplômes en EB Garamond (Garamond au sens strict) : accents circonflexes plus sobres que ceux de Cormorant */
.pu__titre{font-family:"EB Garamond",Garamond,"Times New Roman",serif!important;font-weight:400!important;font-size:calc(clamp(1.18rem,1.75vw,1.42rem)*var(--t-echelle))!important;line-height:1.3}
.pu-formations .pu__titre{font-size:calc(clamp(1.05rem,1.45vw,1.2rem)*var(--t-echelle))!important}
/* Domaines du parcours : initiales seulement (pas de capitales intégrales), en cohérence avec les intitulés */
.pu__domaine h3{text-transform:none!important;letter-spacing:0!important;font-family:"EB Garamond",Garamond,serif!important;font-style:italic;font-weight:400!important;font-size:1.08rem!important;color:var(--taupe-texte);border-bottom:1px solid var(--pierre);padding-bottom:.45rem;margin-bottom:1.3rem}
.sombre .pu__domaine h3{color:var(--greige)}
/* Parcours : l'intertitre de la liste des diplômes s'aligne sur la grille élargie */
.sec:has(> .pu__grille) > h2{width:min(1120px,calc(100vw - 2*var(--gout)));margin-inline:calc(50% - min(560px,calc(50vw - var(--gout))))}
.sec:has(> .pu__grille) > h2,.pu__tete h2{font-family:"EB Garamond",Garamond,serif;font-weight:400}

/* ================= v6 : sobriété de la première vue ================= */
.hero--sobre{align-items:flex-end}
.hero--sobre .hero__texte{padding-bottom:clamp(56px,11vh,120px);display:grid;gap:1.1rem;max-width:min(1200px,100%)}
.hero--sobre h1{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(clamp(2.4rem,5.6vw,4.6rem)*var(--t-echelle));line-height:1.04;letter-spacing:-.012em;max-width:14ch;text-wrap:balance}
.hero__chapo{max-width:46ch;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.6;color:#EDE6DA}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:.6rem}
/* Bouton fin : contour d'un pixel, graisse moyenne, sans aplat blanc */
.bouton-fin{display:inline-flex;align-items:center;min-height:46px;padding:.7rem 1.35rem;border:1px solid rgba(243,237,227,.72);border-radius:999px;color:var(--ivoire);font:500 .96rem/1 var(--f-texte);letter-spacing:.015em;text-decoration:none;background:rgba(16,16,18,.18);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background .2s,border-color .2s}
.bouton-fin:hover,.bouton-fin:focus-visible{background:rgba(243,237,227,.12);border-color:var(--ivoire)}
.lien-discret{color:#E4DCCF;font:400 .95rem/1.2 var(--f-texte);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:rgba(228,220,207,.45)}
.lien-discret:hover{text-decoration-color:currentColor}
/* boutons « Prendre rendez-vous » ailleurs : même finesse */
.bande-rdv .bouton,.entete .bouton{font-weight:500}
@media (max-width:700px){.hero--sobre .hero__texte{padding-bottom:64px}.hero__chapo{font-size:1rem}.bouton-fin{min-height:48px}}

/* ================= v6 : parcours universitaire, esprit carte de visite ================= */
.carte-pu{padding-block:clamp(64px,9vw,128px)}
.carte-pu h2{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(clamp(1.9rem,3.2vw,2.6rem)*var(--t-echelle));margin-bottom:clamp(32px,4vw,56px)}
.carte-pu__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,5vw,80px)}
@media (max-width:900px){.carte-pu__grille{grid-template-columns:1fr;gap:40px}}
.carte-pu__groupe h3{font-family:"EB Garamond",Garamond,serif;font-style:italic;font-weight:400;font-size:1.05rem;color:var(--taupe-texte);padding-bottom:.55rem;border-bottom:1px solid var(--pierre);margin-bottom:1.1rem}
.carte-pu__groupe ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.carte-pu__groupe li{font-family:"EB Garamond",Garamond,serif;font-size:calc(clamp(1.08rem,1.4vw,1.22rem)*var(--t-echelle));line-height:1.32;color:var(--anthracite);text-wrap:balance}
.carte-pu__lien{margin-top:clamp(32px,4vw,52px)}

/* ================= v6 : l'approche ================= */
.approche{padding-block:clamp(40px,6vw,96px) clamp(64px,9vw,128px)}
.approche__tete{max-width:760px;display:grid;gap:1rem}
.approche__tete h2{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(clamp(1.9rem,3.2vw,2.6rem)*var(--t-echelle));line-height:1.12}
.approche__video{margin:clamp(28px,4vw,52px) auto 0;max-width:1100px}
.approche__video video,.video-lecture{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#E9D9D6;border-radius:4px}
.approche__video figcaption{margin-top:.7rem;font-size:.9rem;color:var(--taupe-texte);max-width:70ch}
.approche__etapes{list-style:none;counter-reset:etape;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.5vw,56px) clamp(28px,4vw,64px)}
@media (max-width:980px){.approche__etapes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.approche__etapes{grid-template-columns:1fr;gap:30px}}
.approche__etapes li{counter-increment:etape;display:grid;gap:.45rem;align-content:start;padding-top:1rem;border-top:1px solid var(--pierre)}
.approche__etapes h3{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(1.3rem*var(--t-echelle));line-height:1.2}
.approche__etapes h3::before{content:counter(etape) ". ";color:#8E4F44}
.approche__etapes p{font-size:.97rem;line-height:1.6;color:#4E463C}
.lien-fin{font-size:.88rem;color:#6B3D34;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px;justify-self:start}
@media (max-width:700px){.approche__video{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}.approche__video figcaption{padding-inline:var(--gout)}.approche__video video{border-radius:0}}

/* ================= v6 : au cabinet (présence humaine d'abord) ================= */
.cabinet-v6 .wrap{display:grid;gap:1.2rem}
.cabinet-v6 h2{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(clamp(1.9rem,3.2vw,2.6rem)*var(--t-echelle))}
.cabinet-v6 figure img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:3px}
.cabinet-v6 figcaption{margin-top:.55rem;font-size:.9rem;color:var(--taupe-texte)}
.cabinet-v6__grand{margin-top:clamp(12px,2vw,24px)}
.cabinet-v6__duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);margin-top:clamp(20px,3vw,40px)}
.cabinet-v6__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,24px);margin-top:clamp(20px,3vw,40px)}
.cabinet-v6__mini figcaption{font-size:.82rem}
@media (max-width:700px){.cabinet-v6__duo{grid-template-columns:1fr}.cabinet-v6__mini{grid-template-columns:1fr 1fr}.cabinet-v6__mini figure:last-child{display:none}
 .cabinet-v6__grand{width:100vw;margin-inline:calc(50% - 50vw)}.cabinet-v6__grand img{border-radius:0}.cabinet-v6__grand figcaption{padding-inline:var(--gout)}}

/* ================= v6 : Mon Cabinet Dentaire en fin d'accueil ================= */
.mcd{padding-block:clamp(64px,9vw,128px)}
.mcd .wrap{display:grid;gap:clamp(20px,3vw,36px)}
.mcd h2{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(clamp(1.9rem,3.2vw,2.6rem)*var(--t-echelle))}
.mcd__photo img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:3px}
.mcd__photo figcaption{margin-top:.55rem;font-size:.9rem;color:var(--taupe-texte)}
.mcd__texte{display:grid;gap:1rem;max-width:760px}
@media (max-width:700px){.mcd__photo{width:100vw;margin-inline:calc(50% - 50vw)}.mcd__photo img{border-radius:0}.mcd__photo figcaption{padding-inline:var(--gout)}}

/* ================= v6 : tarifs ================= */
.tarifs-table td:last-child{white-space:nowrap;color:var(--taupe-texte)}
/* Tous les boutons : graisse moyenne, contour fin ; plus d'aplat blanc massif */
.bouton{font-weight:500!important;padding:.78rem 1.25rem;letter-spacing:.01em}
.rdv .bouton:not(.contour){background:transparent!important;border:1px solid rgba(243,237,227,.75)!important;color:var(--ivoire)!important}
.rdv .bouton.contour{border-color:rgba(243,237,227,.4)}
.cabinet-v6 figure,.mcd figure,.approche figure{margin:0}
.cabinet-v6__grand,.mcd__photo,.approche__video{margin-top:clamp(12px,2vw,24px)}
.cabinet-v6 .wrap>*,.mcd .wrap>*{min-width:0}
@media (max-width:700px){
 .approche__video,.cabinet-v6__grand,.mcd__photo{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}
 .cabinet-v6 .wrap,.mcd .wrap{display:block}
 .cabinet-v6 .wrap>*+*,.mcd .wrap>*+*{margin-top:1.2rem}
}
.approche figure.approche__video{margin-top:clamp(28px,4vw,52px)!important}
.sec .video-lecture-fig{margin:1.6rem 0}
.sec .video-lecture-fig figcaption{margin-top:.55rem;font-size:.9rem;color:var(--taupe-texte)}
@media (max-width:700px){.sec .video-lecture-fig{width:100vw;margin-left:calc(50% - 50vw)}.sec .video-lecture-fig video{border-radius:0}.sec .video-lecture-fig figcaption{padding-inline:var(--gout)}}
.tarifs{margin:1.2rem 0;border-top:1px solid var(--pierre)}
.tarifs div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1.5rem;padding:.85rem 0;border-bottom:1px solid var(--pierre);align-items:baseline}
.tarifs dt{font-family:"EB Garamond",Garamond,serif;font-size:1.12rem;line-height:1.3}
.tarifs dd{margin:0;font-size:.9rem;color:var(--taupe-texte);white-space:nowrap}
@media (max-width:520px){.tarifs div{grid-template-columns:1fr}.tarifs dd{white-space:normal}}

/* ================= v7 : chronologie surfaçage → laser ================= */
.chrono{display:grid;gap:clamp(18px,2.6vw,30px);margin-top:clamp(36px,5vw,64px)}
.chrono__etape{max-width:760px;display:grid;gap:.5rem}
.chrono__etape + .demo{margin-top:-.2rem}
.demo + .chrono__etape{margin-top:clamp(20px,3vw,40px)}
.chrono__num{font:500 .82rem/1.2 var(--f-texte);letter-spacing:.06em;color:#8E4F44}
.chrono h3{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:calc(clamp(1.5rem,2.4vw,1.9rem)*var(--t-echelle))}
.demo{margin:0;max-width:1100px}
.demo__cadre{position:relative}
.demo__cadre video{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important}
.demo figcaption{margin-top:.6rem;font-size:.9rem;color:var(--taupe-texte);max-width:70ch}
.lire-demo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(20,20,22,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;cursor:pointer;color:#fff}
.lire-demo svg{width:16px;height:16px;fill:currentColor;margin-left:3px}
.lire-demo[hidden]{display:none}
.approche__autour{font-family:"EB Garamond",Garamond,serif;font-style:italic;font-weight:400;font-size:1.1rem;color:var(--taupe-texte);margin-top:clamp(48px,6vw,80px)}
.approche__autour + .approche__etapes{margin-top:1.2rem}
@media (max-width:700px){.demo{width:100vw;margin-left:calc(50% - 50vw)}.demo figcaption{padding-inline:var(--gout)}}
/* fondus légers en haut et en bas seulement */
.demo__video.plume{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important}

/* ================= v7 : diplômes en deux groupes ================= */
.carte-pu--2 .carte-pu__grille{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
@media (max-width:900px){.carte-pu--2 .carte-pu__grille{grid-template-columns:1fr}}

/* ================= v7 : cadrage de la vidéo d'accueil ================= */
/* Ordinateur : le texte passe à droite, le visage (à gauche dans les trois séquences) reste dégagé */
@media (min-width:901px){
 .hero--sobre .hero__texte{margin-left:auto;margin-right:0;max-width:520px;padding-right:clamp(24px,4vw,72px)}
 .hero--sobre .hero__media video{object-position:30% 30%!important}
 .hero--sobre .hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(14,14,16,.82) 0%,rgba(14,14,16,.6) 30%,rgba(14,14,16,0) 58%),linear-gradient(0deg,rgba(14,14,16,.55) 0%,rgba(14,14,16,0) 35%);pointer-events:none}
}
/* Téléphone : la vidéo occupe le haut de l'écran sous l'en-tête, presque entière ; le texte est en dessous, sur fond sombre */
@media (max-width:900px){
 .hero--sobre{min-height:100svh;align-items:flex-end;background:#121214}
 .hero--sobre .hero__media{top:76px;bottom:auto;height:min(64svh,calc(100vw * 1.333));left:0;right:0}
 .hero--sobre .hero__media video{width:100%;height:100%;object-fit:cover;object-position:50% 22%!important}
 .hero--sobre .hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121214 0%,rgba(18,18,20,.85) 14%,rgba(18,18,20,0) 34%),linear-gradient(180deg,#121214 0%,rgba(18,18,20,0) 10%);pointer-events:none}
 .hero--sobre .hero__texte{position:relative;padding-bottom:40px}
 .hero--sobre h1{font-size:2.6rem}
}
@media (min-width:901px){.hero--sobre .hero__texte{max-width:600px}.hero--sobre h1{font-size:calc(clamp(2.6rem,4.6vw,4.1rem)*var(--t-echelle));max-width:none}}
/* Ordinateur : la vidéo occupe les deux tiers gauches, le texte un panneau sombre à droite (visage et loupes jamais sous le texte) */
@media (min-width:901px){
 .hero--sobre{background:#121214}
 .hero--sobre .hero__media{right:34%!important;left:0!important}
 .hero--sobre .hero__media video{object-position:42% 30%!important}
 .hero--sobre .hero__media::after{background:linear-gradient(270deg,#121214 0%,rgba(18,18,20,.55) 12%,rgba(18,18,20,0) 30%),linear-gradient(0deg,rgba(18,18,20,.5) 0%,rgba(18,18,20,0) 25%)!important}
 .hero--sobre .hero__texte{max-width:min(34vw,520px)!important;margin-right:0;padding-right:clamp(24px,3.5vw,64px)}
 .hero--sobre .hero__texte h1{font-size:calc(clamp(2.4rem,3.8vw,3.6rem)*var(--t-echelle))}
 .hero--sobre .hero__chapo{font-size:1rem}
}
.chrono>*{min-width:0}
@media (max-width:700px){.chrono{display:block}.chrono>*+*{margin-top:1.2rem}.approche figure.demo{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}.demo + .chrono__etape{margin-top:2.2rem!important}}
@media (max-width:700px){.chrono__etape + .demo{margin-top:2rem!important}}
.sec .demo{margin:1.6rem 0}
@media (max-width:700px){.sec .demo{width:100vw!important;margin-left:calc(50% - 50vw)!important}}

/* ================= v8 : vidéo d'accueil, nouveau montage (cadre entier, jamais sous le texte) ================= */
@media (min-width:901px){
 .hero--sobre{min-height:min(100svh,940px);align-items:center;background:#121214}
 .hero--sobre .hero__media{position:absolute;left:auto!important;right:clamp(24px,3vw,56px)!important;top:50%!important;bottom:auto!important;transform:translateY(-44%);width:min(60vw,1100px);height:auto!important;aspect-ratio:16/9}
 .hero--sobre .hero__media video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important}
 .hero--sobre .hero__media::after{display:none!important}
 .hero--sobre .hero__texte{margin-left:0!important;margin-right:auto!important;max-width:min(31vw,470px)!important;padding:0!important;align-self:center;position:relative}
}
@media (max-width:900px){
 .hero--sobre .hero__media{top:76px!important;height:100vw!important;max-height:62svh}
 .hero--sobre .hero__media video{object-fit:cover!important;object-position:50% 50%!important}
 .hero--sobre .hero__media::after{background:linear-gradient(0deg,#121214 0%,rgba(18,18,20,0) 18%)!important}
}

/* ================= v8 : diplômes, esprit carte de visite ================= */
.carte-pu--2{padding-block:clamp(80px,11vw,160px)}
.carte-pu--2 .wrap{max-width:1080px}
.carte-pu--2 h2{text-align:center;font-size:calc(clamp(1.6rem,2.4vw,2rem)*var(--t-echelle));letter-spacing:.01em;margin-bottom:clamp(44px,6vw,80px)}
.carte-pu--2 .carte-pu__grille{grid-template-columns:1fr 1px 1fr!important;gap:0 clamp(32px,5vw,72px);align-items:start}
.carte-pu--2 .carte-pu__grille::before{content:"";grid-column:2;grid-row:1;align-self:stretch;background:var(--pierre)}
.carte-pu--2 .carte-pu__groupe:first-child{grid-column:1;grid-row:1}
.carte-pu--2 .carte-pu__groupe:last-child{grid-column:3;grid-row:1}
.carte-pu--2 .carte-pu__groupe{text-align:center}
.carte-pu--2 .carte-pu__groupe h3{border:0;padding:0;margin-bottom:clamp(22px,3vw,34px);font-size:.98rem;letter-spacing:.02em;color:#8E7C6A}
.carte-pu--2 .carte-pu__groupe ul{gap:0}
.carte-pu--2 .carte-pu__groupe li{font-size:calc(clamp(1.08rem,1.35vw,1.2rem)*var(--t-echelle));line-height:1.38;color:#24221F;padding:0 .4rem;text-wrap:balance}
.carte-pu--2 .carte-pu__groupe li + li::before{content:"";display:block;width:22px;height:1px;background:#C9B9A6;margin:1.05rem auto}
.carte-pu--2 .carte-pu__lien{text-align:center;margin-top:clamp(48px,6vw,80px)}
@media (max-width:900px){
 .carte-pu--2 .carte-pu__grille{grid-template-columns:1fr!important;gap:56px}
 .carte-pu--2 .carte-pu__grille::before{display:none}
 .carte-pu--2 .carte-pu__groupe:first-child,.carte-pu--2 .carte-pu__groupe:last-child{grid-column:1;grid-row:auto}
}
/* v8 : fondus plus progressifs, uniquement dans la marge prolongée ajoutée à l'encodage (l'image d'origine reste entière) */
.demo__cadre video.demo__video--marge{aspect-ratio:auto!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 2.5%,rgba(0,0,0,.5) 5.5%,rgba(0,0,0,.85) 8.5%,#000 10.9%,#000 89.1%,rgba(0,0,0,.85) 91.5%,rgba(0,0,0,.5) 94.5%,rgba(0,0,0,.18) 97.5%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 2.5%,rgba(0,0,0,.5) 5.5%,rgba(0,0,0,.85) 8.5%,#000 10.9%,#000 89.1%,rgba(0,0,0,.85) 91.5%,rgba(0,0,0,.5) 94.5%,rgba(0,0,0,.18) 97.5%,transparent 100%)!important}
.chrono__etape + .demo{margin-top:-1.2rem!important}
.demo + .chrono__etape{margin-top:.6rem!important}

/* ================= v9 : en-tête sur trois lignes ================= */
.marque{display:grid;gap:0;line-height:1.15}
.marque .marque__nom{white-space:nowrap;margin-bottom:.22rem}
.marque .marque__ligne{font-size:.74rem;opacity:.74;letter-spacing:.02em;white-space:nowrap;max-width:none}
.marque .marque__ligne + .marque__ligne{opacity:.6}
.nom-court{display:none}
@media (max-width:1180px){.nom-long{display:none}.nom-court{display:inline}}
@media (max-width:560px){.marque .marque__nom{font-size:1.24rem}.marque .marque__ligne{font-size:.7rem}}
@media (max-width:359px){.marque .marque__nom{font-size:1.12rem}}

/* ================= v9 : titre d'accueil sur une ligne ================= */
.hero--sobre h1{white-space:nowrap;max-width:none!important;text-wrap:nowrap}

/* Ordinateur : titre dimensionné pour tenir dans la colonne de texte */
@media (min-width:901px){
 .hero--sobre{--bord:calc(max(0px, (100vw - var(--max)) / 2) + var(--gout));--col:calc((100vw - 2 * var(--bord)) * .38)}
 .hero--sobre .hero__media{right:var(--bord)!important;width:calc((100vw - 2 * var(--bord)) * .62 - 40px)!important;max-width:none}
 .hero--sobre .hero__texte{margin-left:var(--bord)!important;margin-right:0!important;width:var(--col);max-width:var(--col)!important;padding:0!important}
 .hero--sobre .hero__texte h1{font-size:min(3.6rem, calc(var(--col) / 8))!important}
}

/* Téléphone : la vidéo est dans le flux, sous l'en-tête ; le texte vient après, jamais par-dessus */
@media (max-width:900px){
 .hero--sobre{display:block!important;min-height:0!important;padding-top:var(--entete-h,108px);background:#121214}
 .hero--sobre .hero__media{position:relative!important;inset:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1/1;margin:0 auto;max-width:min(100%,60svh)}
 .hero--sobre .hero__media video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important}
 .hero--sobre .hero__media::after{background:linear-gradient(0deg,#121214 0%,rgba(18,18,20,0) 12%)!important}
 .hero--sobre .hero__texte{position:relative;padding-top:1.4rem!important;padding-bottom:44px!important}
 .hero--sobre .hero__texte h1{font-size:min(2.9rem, calc((100vw - 2 * var(--gout, 20px)) / 8))!important;line-height:1.08}
}
/* Le préfixe « Docteur / Dr » garde la taille du nom (les autres span de la marque sont plus petits) */
.marque .marque__nom span{font-size:inherit;opacity:1;letter-spacing:inherit;max-width:none}
/* Téléphone : bouton de pause des animations plus discret, et jamais sur les boutons d'accueil */
@media (max-width:700px){
 .pause{width:32px;height:32px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:rgba(23,35,34,.38);border-color:rgba(243,237,227,.25)}
 .pause svg{width:10px;height:10px}
 .hero--sobre .hero__actions{padding-right:40px;row-gap:.9rem;flex-wrap:wrap}
}

/* ================= v10 : respiration entre le texte et les vidéos à fondus ================= */
.chrono__etape + .demo{margin-top:.9rem!important}
.sec p + .demo,.sec .lisible + .demo{margin-top:2.1rem}
@media (max-width:700px){
 .chrono__etape + .demo{margin-top:2rem!important}
 /* accueil : titre rapproché de la vidéo */
 .hero--sobre .hero__texte{padding-top:.35rem!important}
 .hero--sobre .hero__media::after{background:linear-gradient(0deg,#121214 0%,rgba(18,18,20,0) 9%)!important}
}

/* ================= v11 : paires avant / après ================= */
.avant-apres{margin:2rem 0;display:grid;gap:.7rem}
.avant-apres__paire{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.avant-apres__vue{position:relative;min-width:0;overflow:hidden;border-radius:2px}
.avant-apres__vue img{display:block;width:100%;height:auto}
.avant-apres__etiquette{position:absolute;left:10px;bottom:10px;font:600 .68rem/1 var(--f-texte,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#f3ede3;background:rgba(18,18,20,.55);padding:.45em .6em;border-radius:2px}
.avant-apres figcaption{font-size:.9rem;color:var(--taupe-texte,#6b625a);max-width:70ch}
.avant-apres--sombre{max-width:1100px;margin:clamp(28px,4vw,48px) auto 0}
.avant-apres--sombre figcaption{color:rgba(243,237,227,.72)}
.suite-greffe{margin-top:1.4rem}
@media (max-width:700px){.avant-apres__paire{grid-template-columns:1fr}.avant-apres__etiquette{font-size:.62rem}}

/* ================= v12 : tarifs avec contenu de chaque acte ; image clinique sans agrandissement ================= */
.tarifs dt b{font-weight:500;display:block}
.tarifs dt span{display:block;font-family:var(--f-texte,"Source Sans 3",system-ui);font-size:.9rem;line-height:1.5;color:var(--taupe-texte);margin-top:.25rem}
.tarifs dd{font-size:1rem;color:var(--encre,#1d2321);font-variant-numeric:tabular-nums}
@media (max-width:560px){.tarifs div{grid-template-columns:1fr}.tarifs dd{white-space:normal}}
.media-protege img[width="675"]{max-width:675px;margin-inline:auto}
/* v12 : paires avant/après mises en valeur, plus larges que la colonne de texte sur ordinateur */
@media (min-width:901px){main .avant-apres:not(.avant-apres--sombre){width:min(980px,calc(100vw - 2 * var(--gout) - 40px));max-width:none}}
figure img[width="675"]{max-width:675px!important;width:100%!important;margin-inline:auto;display:block}

/* v12 : planification implantaire — sur téléphone, la vidéo d'ouverture est entière (carrée), le texte vient dessous */
@media (max-width:700px){
 .p-implants-chirurgie-guidee .t-hero{display:block;min-height:0;padding-top:var(--entete-h,108px)}
 .p-implants-chirurgie-guidee .t-hero .hero__media{position:relative;inset:auto;aspect-ratio:1/1;width:100%}
 .p-implants-chirurgie-guidee .t-hero .hero__media video{position:absolute;inset:0;object-fit:contain}
 .p-implants-chirurgie-guidee .t-hero .hero__media::after{background:linear-gradient(0deg,var(--anthracite,#172322) 0%,rgba(23,35,34,0) 10%)}
 .p-implants-chirurgie-guidee .t-hero .wrap{padding-block:20px 40px}
}
/* v12 : « Parodontiste », activité centrale, plus lisible que la ligne de chirurgie */
.marque .marque__ligne{opacity:.72}
.marque .marque__ligne + .marque__ligne{opacity:.95;font-weight:600;letter-spacing:.06em}
/* v14 : section « Le cabinet et l'équipe » */
.mcd__liens{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}
.mcd__photo img{background:#0a0a0a}

/* ---- v20 : questionnaire « Et vos gencives ? » ---- */
.qg__boite{max-width:760px;margin-inline:auto;border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre);padding-block:clamp(28px,4vw,48px)}
.qg__tete{display:grid;gap:.5rem;margin-bottom:1.4rem}
.qg__intro{margin:0;color:var(--taupe-texte);max-width:52ch}
.qg__corps{min-height:12rem}
.qg__go,.qg__suite{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.8rem 1.5rem;border-radius:999px;border:0;background:var(--anthracite);color:var(--ivoire);font:600 .98rem/1 var(--f-texte);cursor:pointer}
.qg__suite:disabled{opacity:.35;cursor:default}
.qg__reprise{margin:0 0 1rem;color:var(--taupe-texte);font-size:.95rem}
.qg__haut{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}
.qg__num{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qg__prog{flex:1;height:1px;background:var(--pierre);position:relative}
.qg__prog span{position:absolute;inset:0 auto 0 0;background:var(--anthracite);transition:width .35s cubic-bezier(.2,.7,.2,1)}
.qg__q{border:0;margin:0;padding:0;min-width:0}
.qg__libelle{font-family:var(--f-titre);font-weight:var(--t-poids);font-size:calc(clamp(1.35rem,2.4vw,1.7rem)*var(--t-echelle));line-height:1.22;padding:0;margin:0 0 1.1rem;text-wrap:balance}
.qg__note{margin:-.5rem 0 1rem;font-size:.9rem;color:var(--taupe-texte)}
.qg__opts{display:flex;flex-wrap:wrap;gap:.55rem}
.qg__opt{min-height:46px;padding:.65rem 1.15rem;border-radius:999px;border:1px solid var(--greige);background:transparent;color:var(--anthracite);font:500 .98rem/1.25 var(--f-texte);cursor:pointer;text-align:left;transition:background-color .2s,border-color .2s,color .2s}
.qg__opt:hover{border-color:var(--anthracite)}
.qg__opt[aria-pressed="true"]{background:var(--anthracite);border-color:var(--anthracite);color:var(--ivoire)}
.qg__nav{display:flex;align-items:center;gap:1.2rem;margin-top:1.4rem}
.qg__retour{background:none;border:0;padding:.4rem 0;font:500 .92rem/1.3 var(--f-texte);color:var(--taupe-texte);text-decoration:underline;text-decoration-color:var(--greige);text-underline-offset:4px;cursor:pointer}
.qg__retour:hover{color:var(--anthracite)}
.qg__mention{margin:1.4rem 0 0;font-size:.82rem;line-height:1.5;color:var(--taupe-texte);max-width:62ch}
.qg__msg{margin:0;max-width:58ch;font-size:1.04rem}
.qg__rdv-l{margin:.8rem 0 0}
.qg-rdv{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--gencive);padding-bottom:1px}
.qg-rdv svg,.qg-res__fl svg,.qg-res__lire svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.qg-rdv svg{width:18px;height:18px}
.qg__titre-res{font-family:var(--f-texte);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-texte);margin:1.8rem 0 .9rem}
.qg__grille{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.qg-res{display:grid;align-content:start;gap:.3rem;margin:0;background:var(--ivoire-2);border-radius:var(--r);text-decoration:none;color:inherit;position:relative;overflow:hidden}
.qg-res--lien{padding:1.1rem 2.8rem 1.15rem 1.15rem;transition:background-color .2s}
.qg-res--lien:hover{background:var(--pierre)}
.qg-res__sur{font-size:.78rem;color:var(--taupe-texte)}
.qg-res__titre{font-family:var(--f-titre);font-size:calc(1.32rem*var(--t-echelle));line-height:1.15;font-weight:var(--t-poids)}
.qg-res__texte{font-size:.92rem;line-height:1.45;color:var(--taupe-texte)}
.qg-res__conseil{display:block;font-size:.9rem;line-height:1.45;margin-top:.35rem;padding-top:.5rem;border-top:1px solid var(--pierre)}
.qg-res__fl{position:absolute;right:1rem;top:1.15rem;width:20px;height:20px}
.qg-res__fl svg{width:20px;height:20px}
.qg-res--video figcaption{display:grid;gap:.3rem;padding:.85rem 1.15rem 1.1rem}
.qg-res__cadre{position:relative;aspect-ratio:16/9;background:#1b1b1d}
.qg-res__cadre video{width:100%;height:100%;object-fit:cover}
.qg-res__lire{position:absolute;inset:0;display:grid;place-items:center;border:0;background:none;padding:0;color:var(--ivoire);cursor:pointer;overflow:hidden}
.qg-res__lire img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qg-res__lire::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,16,0) 45%,rgba(15,15,16,.32))}
.qg-res__lire svg{position:relative;z-index:1;width:52px;height:52px;stroke-width:1.1;filter:drop-shadow(0 1px 6px rgba(0,0,0,.4))}
.qg-res__lire:hover svg{transform:scale(1.04)}
.qg__nav--fin{margin-top:1.6rem}
.qg-logique{max-width:760px;margin:1.4rem auto 0}
@media (max-width:560px){
  .qg__opts{flex-direction:column}
  .qg__opt{width:100%;border-radius:12px}
  .qg__corps{min-height:15rem}
}
@media (prefers-reduced-motion:reduce){.qg__prog span{transition:none}}

/* Essai v16 — fonctions mobiles discrètes et ouverture animée. Portée limitée aux pages marquées .essai-v16. */
.essai-v16 .ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.essai-v16 .bouton-fin,.essai-v16 .lien-discret,.essai-v16 .rdv .bouton{gap:.55rem}
.essai-v16 .lien-discret{display:inline-flex;align-items:center}
.essai-v16 .rdv .bouton{display:inline-flex;align-items:center}

/* Commande des animations : rangée dans l'en-tête, plus de bouton flottant */
.essai-v16 .outils .pause{position:relative;inset:auto;right:auto;bottom:auto;width:36px;height:36px;background:transparent;border-color:rgba(243,237,227,.38);backdrop-filter:none;-webkit-backdrop-filter:none}
.essai-v16 .outils .pause::before{content:"";position:absolute;inset:-4px}
.essai-v16 .outils .pause .infobulle{right:auto;left:50%;top:calc(100% + 8px);transform:translateX(-50%)}

/* Bouton d'appel (téléphone uniquement) */
.appel{display:none}
@media (max-width:700px){
 .appel{display:grid;place-items:center;position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;
  width:52px;height:52px;border-radius:50%;color:var(--ivoire);background:rgba(23,35,34,.86);border:1px solid rgba(243,237,227,.55);
  box-shadow:0 6px 18px rgba(0,0,0,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.94);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s linear .22s;-webkit-tap-highlight-color:transparent}
 .appel[data-visible="1"]{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s}
 .appel svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
 .appel:active{transform:scale(.96)}
 .appel:focus-visible{outline:2px solid var(--ivoire);outline-offset:3px}
 .essai-v16 .pied{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.appel,.appel[data-visible="1"]{transition:none}}

/* Ouverture de l'accueil : une seule séquence (titre, puis texte et actions) */
.js-anim .hero--sobre h1,.js-anim .hero--sobre .hero__chapo,.js-anim .hero--sobre .hero__actions{opacity:0;animation:essai-secours 0s 1.8s forwards}
@keyframes essai-secours{to{opacity:1}}

/* Sommaire repliable */
.essai-v16 details.sommaire{border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre);padding:0}
.essai-v16 details.sommaire summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.4rem 0;font:600 .95rem/1.2 var(--f-texte);color:var(--anthracite)}
.essai-v16 details.sommaire summary::-webkit-details-marker{display:none}
.essai-v16 details.sommaire summary small{font-weight:400;color:var(--taupe-texte);margin-left:.5rem}
.essai-v16 details.sommaire summary .ico{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.essai-v16 details.sommaire[open] summary .ico{transform:rotate(180deg)}
.essai-v16 details.sommaire ol{margin:0 0 1rem;overflow:hidden}
.essai-v16 details.sommaire summary:focus-visible{outline:2px solid var(--anthracite);outline-offset:4px}

/* Retour en haut, en fin d'article */
.haut-page{margin:2.5rem 0 0;display:flex;justify-content:flex-end}
.haut-page a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 .2rem;font:500 .92rem/1 var(--f-texte);color:var(--taupe-texte);text-decoration:none;border-bottom:1px solid transparent}
.haut-page a:hover{color:var(--anthracite);border-bottom-color:var(--greige)}

/* Questions sous l'article : repliées, discrètes */
.questions{margin:3rem 0 0;border-top:1px solid var(--pierre)}
.questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;font:500 1.02rem/1.3 var(--f-texte);color:var(--anthracite)}
.questions summary::-webkit-details-marker{display:none}
.questions summary .ico{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.questions details[open] summary .ico{transform:rotate(180deg)}
.questions summary:focus-visible{outline:2px solid var(--anthracite);outline-offset:4px}
.q-note{font-size:.92rem;color:var(--taupe-texte);max-width:60ch;margin:.2rem 0 1rem}
.q-form{display:grid;gap:.45rem;max-width:36rem;padding-bottom:1rem}
.q-form label{font:500 .9rem/1.3 var(--f-texte);color:var(--anthracite);margin-top:.5rem}
.q-form textarea,.q-form input:not([type=checkbox]){font:400 1rem/1.5 var(--f-texte);color:var(--anthracite);background:#fffdf9;border:1px solid var(--greige);border-radius:8px;padding:.7rem .8rem;min-height:44px}
.q-form textarea:focus,.q-form input:focus{outline:2px solid var(--anthracite);outline-offset:1px}
.q-accord{display:flex;gap:.6rem;align-items:flex-start;font-weight:400!important;font-size:.88rem!important;color:var(--taupe-texte)!important}
.q-accord input{width:20px;height:20px;margin-top:.1rem;flex:none;accent-color:var(--anthracite)}
.q-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bouton-q{justify-self:start;margin-top:.6rem;min-height:46px;padding:.65rem 1.3rem;border-radius:999px;border:1px solid var(--anthracite);background:var(--anthracite);color:var(--ivoire);font:500 .95rem/1 var(--f-texte);cursor:pointer}
.bouton-q:focus-visible{outline:2px solid var(--anthracite);outline-offset:3px}
.q-etat{font-size:.92rem;color:var(--anthracite);margin:.4rem 0 0}
.q-etat[data-type="erreur"]{color:#8a2d1f}

/* ---- v22 : commande discrète des animations (lecture bloquée ou animations réduites) ---- */
.lire-demo--discret{width:44px;height:44px;left:auto;top:auto;right:14px;bottom:14px;transform:none;opacity:.88;border-color:rgba(255,255,255,.65);background:rgba(20,20,22,.28)}
.lire-demo--discret:hover,.lire-demo--discret:focus-visible{opacity:1;background:rgba(20,20,22,.45)}
.lire-demo--discret svg{width:13px;height:13px}
.lecteur[data-auto="1"] .lecteur__voile .bouton-lire[hidden]{display:none}
.lecteur[data-auto="1"] .video-protegee{object-fit:cover}

/* ================= v23 : présentation épurée (demande du Dr Hazout, 5 octobre 2026, 18 h 48) =================
   1. En-tête : plus aucun cercle autour de EN, du téléphone, de la pause et du menu.
   2. Actions : plus de boutons à contour ; liens typographiques avec icône et soulignement fin.
   3. Ordinateur : vidéo d'accueil plus large.
   4. Ordinateur : vidéos pédagogiques et grandes vidéos alignées sur le bord gauche du texte, une seule largeur.
   Le téléphone garde sa mise en page (seuls les cercles et contours disparaissent, comme sur ordinateur). */

/* 1. En-tête sans cercles */
.entete .langue,.entete .tel,.entete .pause,.essai-v16 .outils .pause,.menu-mobile summary{
  border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.entete .langue{padding:.55rem .25rem!important;opacity:.8;letter-spacing:.1em}
.entete .tel{padding:.55rem 0!important;font-weight:500!important;letter-spacing:.03em;
  text-decoration:none;border-bottom:0!important}
.entete .tel::before{content:"";display:inline-block;vertical-align:-3px;margin-right:.5rem;width:16px;height:16px;background:currentColor;opacity:.85;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 1.1 4.2 2 2 0 0 1 3.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L7.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.8 2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 1.1 4.2 2 2 0 0 1 3.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L7.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.8 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.entete .pause,.essai-v16 .outils .pause{opacity:.72}
.entete .langue:hover,.entete .langue:focus-visible,.entete .pause:hover,.entete .pause:focus-visible{opacity:1}
.entete .tel:hover,.entete .tel:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:rgba(243,237,227,.5)}
.essai-v16 .outils .pause svg{width:11px;height:11px}
@media (min-width:901px){.entete .outils{gap:1.5rem}}

/* 2. Actions sans contour : icône + texte, soulignement fin (accent gencive pour l'action principale) */
.bouton-fin,.bouton.contour{
  border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;
  padding:.75rem 0!important;min-height:46px;color:inherit;font-weight:500;letter-spacing:.015em;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.42em;text-decoration-color:var(--gencive)}
.sombre .bouton.contour,.bouton-fin{text-decoration-color:var(--gencive-clair)}
.bouton-fin:hover,.bouton-fin:focus-visible,.bouton.contour:hover,.bouton.contour:focus-visible{background:transparent!important;text-decoration-color:currentColor}
.hero__actions{gap:.4rem 2.2rem}
.hero__actions .lien-discret{text-decoration-color:rgba(228,220,207,.4)}

/* 3. Ordinateur : vidéo d'accueil plus large (colonne de texte 34 %, vidéo jusqu'à la marge droite de l'écran) */
@media (min-width:901px){
  .hero--sobre{--col:calc((100vw - 2 * var(--bord)) * .34);--marge-d:clamp(16px,2vw,40px);--ecart:clamp(32px,3vw,56px)}
  .hero--sobre .hero__media{right:var(--marge-d)!important;width:calc(100vw - var(--bord) - var(--col) - var(--marge-d) - var(--ecart))!important}
}

/* 4. Ordinateur : vidéos de contenu alignées sur le texte, une seule largeur */
@media (min-width:901px){
  :root{--media-l:min(880px, calc(100vw - 2 * var(--bord, 56px)))}
  /* vidéos pédagogiques (surfaçage, lasers…) */
  figure.demo,.approche figure.demo,.sec figure.demo{width:var(--media-l)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  figure.demo figcaption{padding-inline:0!important;max-width:62ch}
  figure.demo .demo__cadre video{width:100%!important;height:auto!important}
  /* grandes vidéos des chapitres (implants, greffes, grille…) */
  .chapitre .media-grand,.chapitre-grand .media-grand{width:var(--media-l)!important;max-width:none!important;margin-left:0!important;margin-right:0!important;justify-items:start}
  .chapitre .media-grand video,.chapitre .media-grand img,.chapitre-grand .media-grand video,.chapitre-grand .media-grand img{width:100%!important;max-width:100%!important;max-height:none!important;margin-inline:0!important;height:auto!important;object-fit:contain!important}
  .chapitre .media-grand figcaption,.chapitre-grand .media-grand figcaption{justify-self:start;text-align:left;padding-inline:0!important;max-width:62ch}
}

/* 5. Ordinateur, pages intérieures : la colonne de texte est centrée ; vidéos et grandes illustrations
      prennent une seule largeur (880 px) centrée sur cette colonne, au lieu de 1280 px pleine largeur. */
@media (min-width:901px){
  body:not(.p-accueil) .etroit figure.demo,body:not(.p-accueil) .sec figure.demo{
    width:var(--media-l)!important;margin-left:calc((100% - var(--media-l)) / 2)!important;margin-right:0!important}
  body:not(.p-accueil) figure.demo figcaption{margin-inline:auto;text-align:center}
  body:not(.p-accueil) .bande .media-grand:not(.portrait-media),
  body:not(.p-accueil) .etroit .media-grand:not(.portrait-media){
    width:var(--media-l)!important;max-width:var(--media-l)!important;margin-left:auto!important;margin-right:auto!important;justify-items:center}
  body:not(.p-accueil) .etroit .media-grand:not(.portrait-media){margin-left:calc((100% - var(--media-l)) / 2)!important;margin-right:0!important}
  body:not(.p-accueil) .bande .media-grand:not(.portrait-media) video,body:not(.p-accueil) .bande .media-grand:not(.portrait-media) img,
  body:not(.p-accueil) .etroit .media-grand:not(.portrait-media) video,body:not(.p-accueil) .etroit .media-grand:not(.portrait-media) img{
    width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;margin-inline:auto!important}
  body:not(.p-accueil) .bande .media-grand.portrait-media{max-width:min(560px,100%)!important}
}