/* Harmonia Luxus theme stylesheet. Hand-written parts around the part generated from the prototype. */
@font-face{font-family:"Bodoni Moda";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/bodoni-moda-latin-ext-w400-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bodoni Moda";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/bodoni-moda-latin-w400-normal.woff2) format("woff2-variations");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:"Bodoni Moda";font-style:italic;font-display:swap;font-weight:400;src:url(../fonts/bodoni-moda-latin-ext-w400-italic.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-display:swap;font-weight:400;src:url(../fonts/bodoni-moda-latin-w400-italic.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/montserrat-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/montserrat-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Focus ring: dark gold of the design system (dark-gold, 3:1 at least on every background of the site). */
:root{--hl-focus:#96793e;--focus:var(--hl-focus);--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 60'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30'/%3E%3C/svg%3E")}
html{scroll-padding-top:24px}
/* GENERATED by tools/convert_pages.py: do not edit below */
:root{--hl-encre:#16110d;--hl-noir:#0e0b09;--hl-ivoire:#f6f1e7;--hl-papier:#fbf8f2;--hl-taupe:#6b5f52;--hl-brun:#3a322a;--hl-or:#b38d4d;--hl-or-texte:#7a6832;--hl-filet:#ddd3c2;--hl-or-fonce:#83621e;--hl-or-moyen:#c49c58;--hl-or-pale:#ecd9a8;--hl-or-sur-noir:#d9bf86;--hl-pierre:#bfb6a6;--hl-ardoise:#3b4a60;--hl-sable:#e3d2b4;--hl-bande:#ece3d2;--hl-ivoire-doux:#e8e2d6;--hl-taupe-sur-noir:#cfc5b4;--hl-creme:#efe6d3;--hl-or-texte-bande:#6b5a22;--hl-filet-bande:#d3c5aa;--hl-papier-bande:#f6f0e4;--hl-taupe-bande:#5f5a52;--hl-brun-sur-noir:#d9d0c1;--hl-jauge:#e6dfd3;--hl-jauge-gris:#8f8577;--hl-ivoire-voile:#ece5d8;--hl-perle:#e8eaec;--hl-or-voile:#e8d9b8;--hl-film-1:#3a2c20;--hl-film-2:#1a130e;--hl-ph-warm-2:#c9ad86;--hl-ph-warm-3:#9e8160;--hl-ph-stone-1:#e9e0cf;--hl-ph-stone-2:#cdbfa6;--hl-ph-stone-3:#a8977b;--hl-ph-vigne-1:#d9cfa6;--hl-ph-vigne-2:#a9a072;--hl-ph-vigne-3:#6f6b47;--hl-ph-mer-1:#dfe2dc;--hl-ph-mer-2:#a9b6b5;--hl-ph-mer-3:#6f8487;--hl-ph-rose-1:#f0dcd2;--hl-ph-rose-2:#d8b4a3;--hl-ph-rose-3:#a98475;--hl-ph-acier-1:#dadbd8;--hl-ph-acier-2:#aeb0ab;--hl-ph-acier-3:#7c7f7b;--hl-ph-terre-1:#ecc19f;--hl-ph-terre-2:#c4744b;--hl-ph-terre-3:#8a4127;--hl-ph-azur-1:#c3dbe3;--hl-ph-azur-2:#6a9db6;--hl-ph-azur-3:#2f5c78;--hl-ph-olive-1:#e0ddb0;--hl-ph-olive-2:#97a15a;--hl-ph-olive-3:#55622f;--hl-ph-bordeaux-1:#ecbcc0;--hl-ph-bordeaux-2:#a84f5b;--hl-ph-bordeaux-3:#62222e;--hl-ph-or-1:#f3e3b6;--hl-ph-or-2:#cba862;--hl-ph-or-3:#8a6a2c;}
:is(.wp-site-blocks,.editor-styles-wrapper){--titre: 'Bodoni Moda'}
body{margin:0}
:is(.wp-site-blocks,.editor-styles-wrapper){--ivoire:var(--hl-ivoire);--papier:var(--hl-papier);--encre:var(--hl-encre);--noir:var(--hl-noir);--taupe:var(--hl-taupe);--brun:var(--hl-brun);--or:var(--hl-or);--ortx:var(--hl-or-texte);--filet:var(--hl-filet);background:var(--ivoire);color:var(--encre);font-family:Montserrat,system-ui,sans-serif;font-size:18px;line-height:1.7}.wp-site-blocks{overflow:hidden}
:is(.wp-site-blocks,.editor-styles-wrapper) *{box-sizing:border-box}
.wrap{max-width:1440px;margin:0 auto;padding-left:clamp(20px,6.7vw,96px);padding-right:clamp(20px,6.7vw,96px)}
.tr-e{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='44'%3E%3Cg fill='%2316110d' fill-opacity='.07'%3E%3Cg transform='translate(0 0)'%3E%3Cpolygon points='0,0 3.5,0 8.5,7.5 3.5,15 0,15 5,7.5'/%3E%3Cpolygon points='17,0 13.5,0 8.5,7.5 13.5,15 17,15 12,7.5'/%3E%3C/g%3E%3Cg transform='translate(17 22)'%3E%3Cpolygon points='0,0 3.5,0 8.5,7.5 3.5,15 0,15 5,7.5'/%3E%3Cpolygon points='17,0 13.5,0 8.5,7.5 13.5,15 17,15 12,7.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.tr-i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='44'%3E%3Cg fill='%23f6f1e7' fill-opacity='.09'%3E%3Cg transform='translate(0 0)'%3E%3Cpolygon points='0,0 3.5,0 8.5,7.5 3.5,15 0,15 5,7.5'/%3E%3Cpolygon points='17,0 13.5,0 8.5,7.5 13.5,15 17,15 12,7.5'/%3E%3C/g%3E%3Cg transform='translate(17 22)'%3E%3Cpolygon points='0,0 3.5,0 8.5,7.5 3.5,15 0,15 5,7.5'/%3E%3Cpolygon points='17,0 13.5,0 8.5,7.5 13.5,15 17,15 12,7.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.tr-u{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='44'%3E%3Cg fill='%23f6f1e7' fill-opacity='.07'%3E%3Cg transform='translate(0 0)'%3E%3Cpolygon points='0,0 3.5,0 8.5,7.5 3.5,15 0,15 5,7.5'/%3E%3Cpolygon points='17,0 13.5,0 8.5,7.5 13.5,15 17,15 12,7.5'/%3E%3C/g%3E%3Cg transform='translate(17 22)'%3E%3Cpolygon points='0,0 3.5,0 8.5,7.5 3.5,15 0,15 5,7.5'/%3E%3Cpolygon points='17,0 13.5,0 8.5,7.5 13.5,15 17,15 12,7.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.t{font-family:var(--titre),Didot,serif;font-weight:500;font-variation-settings:'opsz' 28;font-variant-numeric:lining-nums}
.t5{font-family:var(--titre),Didot,serif;font-weight:500;font-variation-settings:'opsz' 28}
.pic{position:relative;overflow:hidden;width:100%;background:var(--hl-sable)}
.poles li{display:inline-flex;align-items:center;gap:14px}
.poles svg{color:var(--hl-or)}
.mq{display:flex;overflow:hidden;margin-top:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-t{display:flex;flex:none;animation:mq 70s linear infinite}
.mq2 .mq-t{animation-duration:90s;animation-direction:reverse}
.mq:hover .mq-t{animation-play-state:paused}
.mq-g{display:flex;align-items:center;flex:none}
.mq-i{white-space:nowrap}
.mq1 .mq-i{font-family:var(--titre),Didot,serif;font-weight:500;font-variation-settings:'opsz' 28;font-size:44px;line-height:1.2;color:var(--encre)}
.mq1 .mq-s{display:inline-flex;margin:0 34px}
.mq2 .mq-i{font-size:19px;font-weight:500;color:var(--taupe);letter-spacing:.02em}
.mq2 .mq-s{margin:0 22px;color:var(--hl-or)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.mq-t{animation:none}
.mq{-webkit-mask-image:none;mask-image:none}
.mq-t>.mq-g+.mq-g{display:none}
.mq-g{flex-wrap:wrap;padding:0 clamp(20px,6.7vw,96px)}}
.mnav{display:none}
.mnav summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid var(--encre);font-weight:500;font-size:15px}
.mnav summary::-webkit-details-marker{display:none}
.mnav[open] summary{background:var(--encre);color:var(--ivoire)}
.mnav nav{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--ivoire);border-bottom:1px solid var(--filet);padding:12px clamp(20px,6.7vw,96px) 24px;display:flex;flex-direction:column}
.mnav nav a{text-decoration:none;padding:12px 0;border-bottom:1px solid var(--filet);font-size:17px}
.mnav nav a.btn{margin-top:16px;justify-content:center;border:none}
.t em,.t5 em{font-style:italic;background-image:linear-gradient(90deg,var(--hl-or-fonce),var(--hl-or-moyen) 50%,var(--hl-or-fonce));background-repeat:no-repeat;background-size:100% .065em;background-position:0 96%;padding-bottom:.04em}
.sec{position:relative}
.sec::before{content:"";position:absolute;left:0;top:-2px;width:72px;height:3px;background:linear-gradient(90deg,var(--hl-or-fonce),var(--hl-or-moyen) 50%,var(--hl-or-fonce))}
.btn svg,.btn-i svg{color:var(--hl-or-moyen)}
.or-g{background:linear-gradient(90deg,var(--hl-or-moyen),var(--hl-or-pale) 50%,var(--hl-or));-webkit-background-clip:text;background-clip:text;color:transparent}
.bar-or{background:linear-gradient(90deg,var(--hl-or-fonce),var(--hl-or-moyen))}
.btn2{white-space:nowrap;display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border:1px solid var(--encre);text-decoration:none;font-weight:500;font-size:15px}
.nav a{text-decoration:none;font-size:15px;font-weight:500}
.nav a:hover{text-decoration:underline;text-underline-offset:6px}
.scrim{position:absolute;left:0;right:0;bottom:0;padding:56px 20px 16px;background:linear-gradient(180deg,rgba(14,11,9,0),rgba(14,11,9,.8) 45%);color:var(--ivoire);font-size:14px;display:flex;justify-content:space-between;gap:16px;margin:0}
.lbl{margin:0;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--encre)}
:is(.wp-site-blocks,.editor-styles-wrapper) a{color:inherit}
.lnk{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.lnk:hover{color:var(--ortx);text-decoration-thickness:2px}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 26px;background:var(--encre);color:var(--ivoire)!important;text-decoration:none;font-weight:500;font-size:15px}
.btn-i{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 26px;background:var(--ivoire);color:var(--encre)!important;text-decoration:none;font-weight:500;font-size:15px}
.t.sm,.sm .t{font-variation-settings:'opsz' 18}
:is(.wp-site-blocks,.editor-styles-wrapper) a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.sec{display:flex;align-items:baseline;gap:18px;padding-top:18px;border-top:1px solid currentColor}
.sec-n{font-size:28px;line-height:1;color:var(--ortx);font-variation-settings:'opsz' 18}
.ph{position:relative;overflow:hidden;width:100%}
.ph::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,248,232,0) 28%,rgba(255,248,232,.42) 47%,rgba(255,248,232,0) 63%)}
.ph::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.22;mix-blend-mode:multiply}
.ph-l{position:absolute;left:14px;top:12px;z-index:1;font-size:13px;color:rgba(22,17,13,.75)}
.ph-warm{background:linear-gradient(165deg,var(--hl-sable) 0%,var(--hl-ph-warm-2) 55%,var(--hl-ph-warm-3) 100%)}
.ph-stone{background:linear-gradient(170deg,var(--hl-ph-stone-1) 0%,var(--hl-ph-stone-2) 60%,var(--hl-ph-stone-3) 100%)}
.ph-vigne{background:linear-gradient(170deg,var(--hl-ph-vigne-1) 0%,var(--hl-ph-vigne-2) 55%,var(--hl-ph-vigne-3) 100%)}
.ph-mer{background:linear-gradient(175deg,var(--hl-ph-mer-1) 0%,var(--hl-ph-mer-2) 50%,var(--hl-ph-mer-3) 100%)}
.ph-rose{background:linear-gradient(165deg,var(--hl-ph-rose-1) 0%,var(--hl-ph-rose-2) 60%,var(--hl-ph-rose-3) 100%)}
.ph-acier{background:linear-gradient(170deg,var(--hl-ph-acier-1) 0%,var(--hl-ph-acier-2) 60%,var(--hl-ph-acier-3) 100%)}
.cap{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:15px;color:var(--brun)}
.cap b{font-weight:500;color:var(--encre)}
.film{position:relative;height:940px;background:radial-gradient(120% 90% at 70% 30%,var(--hl-film-1) 0%,var(--hl-film-2) 55%,var(--hl-noir) 100%);color:var(--ivoire);overflow:hidden}
.film::before{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,rgba(255,236,196,0) 40%,rgba(255,236,196,.16) 50%,rgba(255,236,196,0) 60%);animation:sweep 9s ease-in-out infinite}
.film::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.35;mix-blend-mode:overlay}
@keyframes sweep{0%{transform:translateX(-35%)}60%,100%{transform:translateX(35%)}}
.door{position:absolute;top:50%;width:150px;height:264px;margin-top:-170px;color:var(--hl-or)}
.door-l{left:50%;margin-left:-560px;animation:openL 1.8s cubic-bezier(.7,0,.2,1) both}
.door-r{left:50%;margin-left:410px;animation:openR 1.8s cubic-bezier(.7,0,.2,1) both}
@keyframes openL{from{transform:translateX(410px)}to{transform:none}}
@keyframes openR{from{transform:translateX(-410px)}to{transform:none}}
@media (prefers-reduced-motion: reduce){.film::before,.door-l,.door-r{animation:none}}
.case{text-decoration:none;display:block}
.case:hover .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) 32px;gap:40px;align-items:baseline;padding:26px 0;border-top:1px solid var(--filet);text-decoration:none}
.row:hover .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.ctr{font-size:88px;line-height:1}
.faq{border-top:1px solid var(--filet)}
.faq:last-child{border-bottom:1px solid var(--filet)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:22px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:Montserrat,sans-serif;font-size:26px;line-height:1;color:var(--hl-or-fonce);flex:none}
.faq[open] summary::after{content:"−"}
.faq summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.faq p{margin:0 0 26px;max-width:62ch}
.want{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:24px;align-items:baseline;padding:20px 0;border-top:1px solid var(--filet);text-decoration:none}
.want:hover .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.fd{min-height:52px;border:1px solid var(--taupe);background:var(--papier);display:flex;align-items:center;padding:0 16px;color:var(--taupe);font-size:15px;flex:1 1 280px}
.nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--hl-or);text-decoration-thickness:2px;text-underline-offset:8px}
.tel{font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--brun)}
.crumb li+li::before{content:"/";margin-right:10px;color:var(--taupe)}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.route{display:flex;flex-direction:column;gap:10px;padding:28px 28px 26px;border:1px solid var(--filet);background:var(--papier);text-decoration:none}
.route:hover{border-color:var(--encre)}
.route .go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px}
.route .go svg{color:var(--hl-or-fonce)}
.chipx{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--taupe);border-radius:999px;font-size:15px;background:var(--papier);cursor:pointer}
.fld .chipx{display:inline-flex;margin:0;font-weight:400}
.chipx input{accent-color:var(--hl-encre);width:16px;height:16px;margin:0}
.chipx.on{border-color:var(--encre);background:var(--hl-creme)}
.tabs{display:flex;flex-wrap:wrap;gap:10px}
.tab{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--filet);font-size:15px;text-decoration:none;background:transparent}
.tab[aria-current="true"]{background:var(--encre);color:var(--ivoire)!important;border-color:var(--encre)}
.fld label,.fld legend{display:block;font-weight:500;font-size:15px;margin:0 0 8px;padding:0}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld input[type=url],.fld select,.fld textarea{width:100%;min-height:52px;border:1px solid var(--taupe);background:var(--papier);padding:0 16px;font:inherit;font-size:16px;color:var(--encre);border-radius:0}
.fld textarea{padding:14px 16px;min-height:120px;resize:vertical}
.fld .hint{font-size:13px;color:var(--brun);margin:6px 0 0}
.fld fieldset{border:0;margin:0;padding:0;min-width:0}
.step-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--hl-or);font-size:15px;font-weight:500;color:var(--ortx);flex:none}
.slot{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--filet);background:var(--ivoire);font-size:15px;font-weight:500}
.slot.on{background:var(--encre);color:var(--ivoire);border-color:var(--encre)}
.kpi{border-top:1px solid var(--hl-or);padding-top:20px}
.kpi .v{margin:0;font-size:44px;line-height:1}
.kpi .v small{font-family:Montserrat,sans-serif;font-weight:400;font-size:30px}
.kpi p+p{margin:12px 0 0;font-size:16px}
.tick{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tick li{display:flex;gap:14px;align-items:baseline}
.tick li::before{content:"";flex:none;width:10px;height:1px;background:var(--hl-or-fonce);transform:translateY(-5px)}
.toc a{display:block;padding:10px 0 10px 16px;border-left:1px solid var(--filet);text-decoration:none;font-size:15px}
.toc a[aria-current="true"]{border-left:2px solid var(--hl-or-fonce);font-weight:500}
.prose p{margin:0 0 22px}
.prose h2{font-family:var(--titre),Didot,serif;font-weight:500;font-size:36px;line-height:1.15;margin:56px 0 18px}
.prose h3{font-size:19px;font-weight:500;margin:30px 0 10px}
.ph-img{position:relative;overflow:hidden;width:100%}
.ph-terre{background:linear-gradient(160deg,var(--hl-ph-terre-1) 0%,var(--hl-ph-terre-2) 55%,var(--hl-ph-terre-3) 100%)}
.ph-azur{background:linear-gradient(165deg,var(--hl-ph-azur-1) 0%,var(--hl-ph-azur-2) 55%,var(--hl-ph-azur-3) 100%)}
.ph-olive{background:linear-gradient(165deg,var(--hl-ph-olive-1) 0%,var(--hl-ph-olive-2) 55%,var(--hl-ph-olive-3) 100%)}
.ph-bordeaux{background:linear-gradient(165deg,var(--hl-ph-bordeaux-1) 0%,var(--hl-ph-bordeaux-2) 55%,var(--hl-ph-bordeaux-3) 100%)}
.ph-or{background:linear-gradient(165deg,var(--hl-ph-or-1) 0%,var(--hl-ph-or-2) 55%,var(--hl-ph-or-3) 100%)}
.gal figure{margin:0}
.gal figcaption{margin-top:10px;font-size:14px;color:var(--brun)}
.sb{background-color:var(--hl-bande);--ortx:var(--hl-or-texte-bande);--filet:var(--hl-filet-bande);--papier:var(--hl-papier-bande);--taupe:var(--hl-taupe-bande)}
.dk{--encre:var(--hl-ivoire);--ivoire:var(--hl-encre);--papier:rgba(246,241,231,.07);--brun:var(--hl-brun-sur-noir);--taupe:var(--hl-taupe-sur-noir);--ortx:var(--hl-or-sur-noir);--filet:rgba(246,241,231,.24);color:var(--hl-ivoire)}
.dk-i{background-color:var(--hl-ardoise)}
.dk-n{background-color:var(--hl-noir)}
.pp{background-color:var(--hl-papier);border-top:1px solid var(--hl-filet)}
html{-webkit-text-size-adjust:100%}
img{max-width:100%}
@media (max-width: 1100px){:is(.wp-site-blocks,.editor-styles-wrapper) .fs-88{font-size:56px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-80,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-72{font-size:52px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-64,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-60{font-size:44px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-56,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-52{font-size:40px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-44,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-40{font-size:32px!important}}
@media (max-width: 860px){:is(.wp-site-blocks,.editor-styles-wrapper){font-size:17px}
:is(.wp-site-blocks,.editor-styles-wrapper) header>.nav{display:none!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mnav{display:block}
:is(.wp-site-blocks,.editor-styles-wrapper) .mq1 .mq-i{font-size:28px}
:is(.wp-site-blocks,.editor-styles-wrapper) .mq1 .mq-s{margin:0 20px}
:is(.wp-site-blocks,.editor-styles-wrapper) .mq2 .mq-i{font-size:16px}
:is(.wp-site-blocks,.editor-styles-wrapper) header{flex-wrap:nowrap!important;padding-top:18px!important;padding-bottom:18px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) header img{width:132px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .poles{font-size:17px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) section:first-of-type{padding-top:24px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .ctr{font-size:64px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) :is(.cols-1fr-1fr,.cols-1fr-auto,.cols-2fr-10fr,.cols-34-1fr,.cols-3fr-5fr-4fr,.cols-3fr-6fr-3fr,.cols-3fr-7fr-2fr-32,.cols-3fr-7fr-auto,.cols-3fr-9fr-32,.cols-4fr-8fr,.cols-5fr-7fr,.cols-64-1fr,.cols-6fr-6fr,.cols-72-1fr,.cols-7fr-4fr-32,.cols-7fr-5fr,.cols-8fr-4fr,.cols-rep2,.cols-rep3,.cols-rep3-auto,.cols-rep4,.cols-rep5){grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .cols-rep4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .grow-row-span-2{grid-row:auto!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mt-120{margin-top:0!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .row{grid-template-columns:minmax(0,1fr) 24px!important;gap:8px 16px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .row>span:nth-child(2){grid-column:1}
:is(.wp-site-blocks,.editor-styles-wrapper) .row>span:nth-child(3){grid-column:2;grid-row:1}
:is(.wp-site-blocks,.editor-styles-wrapper) .jc-space-between{flex-wrap:wrap}
:is(.wp-site-blocks,.editor-styles-wrapper) header nav{gap:16px 22px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .tr-e{display:none}
:is(.wp-site-blocks,.editor-styles-wrapper) .ctr{font-size:64px}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-88,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-80{font-size:42px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-72,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-64,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-60{font-size:36px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-56,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-52{font-size:32px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-44,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-40{font-size:28px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .pb-120,:is(.wp-site-blocks,.editor-styles-wrapper) .pb-130,:is(.wp-site-blocks,.editor-styles-wrapper) .pb-150{padding-bottom:72px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mt-88{margin-top:48px!important}}
@media (max-width: 860px){:is(.wp-site-blocks,.editor-styles-wrapper) .cols-rep5{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .faq p{margin-left:0!important}}
@media (max-width: 520px){:is(.wp-site-blocks,.editor-styles-wrapper) .cols-rep5{grid-template-columns:minmax(0,1fr)!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .cols-rep4{grid-template-columns:minmax(0,1fr)!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .cols-rep3-auto{grid-template-columns:repeat(2,auto)!important;gap:10px 32px!important}}
.wp-site-blocks{overflow:clip}
:is(.wp-site-blocks,.editor-styles-wrapper) header{flex-wrap:nowrap!important}
:is(.wp-site-blocks,.editor-styles-wrapper) header>.nav{flex-wrap:nowrap!important;white-space:nowrap}
.wrap.sb{box-shadow:0 0 0 100vmax var(--hl-bande);clip-path:inset(0 -100vmax)}
.wrap.dk-i{box-shadow:0 0 0 100vmax var(--hl-ardoise);clip-path:inset(0 -100vmax)}
.wrap.dk-n{box-shadow:0 0 0 100vmax var(--hl-noir);clip-path:inset(0 -100vmax)}
.wrap.pp{box-shadow:0 0 0 100vmax var(--hl-papier);clip-path:inset(0 -100vmax)}
@media (max-width: 1400px){:is(.wp-site-blocks,.editor-styles-wrapper) header>.nav{gap:22px!important}}
@media (max-width: 1300px){:is(.wp-site-blocks,.editor-styles-wrapper) header .tel{display:none}}
@media (max-width: 1180px){:is(.wp-site-blocks,.editor-styles-wrapper) header>.nav{display:none!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mnav{display:block}}
@media (max-width: 1100px){.poles{flex-wrap:wrap!important;white-space:normal!important}
.gal figure{margin-top:0!important}}
@media (max-width: 860px){:is(.wp-site-blocks,.editor-styles-wrapper) .fs-68{font-size:38px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-48{font-size:32px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .fs-36,:is(.wp-site-blocks,.editor-styles-wrapper) .fs-34{font-size:26px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .p-44-48,:is(.wp-site-blocks,.editor-styles-wrapper) .p-34-40{padding:24px 20px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .pos-sticky{position:static!important}
:is(.wp-site-blocks,.editor-styles-wrapper) article.mt-72{margin-top:0!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .want{grid-template-columns:minmax(0,1fr) 24px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .want .lbl{display:none}
:is(.wp-site-blocks,.editor-styles-wrapper) .tabs{flex-wrap:nowrap;overflow-x:auto}
:is(.wp-site-blocks,.editor-styles-wrapper) .tab{white-space:nowrap}
:is(.wp-site-blocks,.editor-styles-wrapper) .crumb{display:none}
:is(.wp-site-blocks,.editor-styles-wrapper) .g-28:where(.ai-baseline){flex-direction:column;gap:8px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .tabs{padding-bottom:4px}
body{padding-bottom:64px}
:is(.wp-site-blocks,.editor-styles-wrapper) .msw{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;gap:16px!important;margin-left:-20px!important;margin-right:-20px!important;padding:0 20px 12px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
:is(.wp-site-blocks,.editor-styles-wrapper) .msw::-webkit-scrollbar{display:none}
:is(.wp-site-blocks,.editor-styles-wrapper) .msw>*{flex:0 0 76%;min-width:0;scroll-snap-align:start;margin-top:0!important}
:is(.wp-site-blocks,.editor-styles-wrapper) ol.msw>li{flex-basis:70%}
:is(.wp-site-blocks,.editor-styles-wrapper) .ar-3-4,:is(.wp-site-blocks,.editor-styles-wrapper) .ar-4-5,:is(.wp-site-blocks,.editor-styles-wrapper) .ar-1-1{aspect-ratio:4/3!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .msw :is(.ar-1-1,.ar-16-10,.ar-16-9,.ar-21-9,.ar-3-1,.ar-3-2,.ar-3-4,.ar-4-3,.ar-4-5){aspect-ratio:4/5!important}
:is(.wp-site-blocks,.editor-styles-wrapper) :is(.cols-1fr-1fr,.cols-1fr-auto,.cols-2fr-10fr,.cols-34-1fr,.cols-3fr-5fr-4fr,.cols-3fr-6fr-3fr,.cols-3fr-7fr-2fr-32,.cols-3fr-7fr-auto,.cols-3fr-9fr-32,.cols-4fr-8fr,.cols-5fr-7fr,.cols-64-1fr,.cols-6fr-6fr,.cols-72-1fr,.cols-7fr-4fr-32,.cols-7fr-5fr,.cols-8fr-4fr,.cols-rep2,.cols-rep3,.cols-rep3-auto,.cols-rep4,.cols-rep5):not(.msw):not(.mg2){gap:28px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 14px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2>*{margin-top:0!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2 :is(.ar-1-1,.ar-16-10,.ar-16-9,.ar-21-9,.ar-3-1,.ar-3-2,.ar-3-4,.ar-4-3,.ar-4-5){aspect-ratio:4/5!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2 .ph-l{font-size:11px}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2 .t{font-size:20px!important;line-height:1.15!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2 .lbl{font-size:10px!important;line-height:1.4}
:is(.wp-site-blocks,.editor-styles-wrapper) .mg2 p:not(.t):not(.lbl){font-size:14px!important;line-height:1.45}
:is(.wp-site-blocks,.editor-styles-wrapper) .pt-40{padding-top:28px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .pb-112,:is(.wp-site-blocks,.editor-styles-wrapper) .pb-96{padding-bottom:56px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .pb-72{padding-bottom:48px!important}
:is(.wp-site-blocks,.editor-styles-wrapper) .mt-56,:is(.wp-site-blocks,.editor-styles-wrapper) .mt-64,:is(.wp-site-blocks,.editor-styles-wrapper) .mt-72{margin-top:32px!important}
.mbar{display:grid}}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;grid-template-columns:1fr 1fr 1.4fr;background:var(--hl-encre);border-top:1px solid var(--hl-or);font-family:Montserrat,system-ui,sans-serif}
.mbar a{display:flex;align-items:center;justify-content:center;min-height:56px;color:var(--hl-ivoire);text-decoration:none;font-size:14px;font-weight:500}
.mbar a+a{border-left:1px solid rgba(246,241,231,.2)}
.mbar a.rdv{background:var(--hl-ivoire);color:var(--hl-encre)}
/* own rules of data-pr-geo.html */
.faq-g summary::-webkit-details-marker{display:none}
.faq-g summary:hover .t5{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.faq-g summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.faq-g details[open] .faq-ic{transform:rotate(90deg)}
.faq-ic{display:inline-flex;transition:transform .3s}
@media (prefers-reduced-motion: reduce){.faq-ic{transition:none}}
@media (max-width: 860px){:is(.wp-site-blocks,.editor-styles-wrapper) .faq-g p{margin-left:0!important}}
:where(.bd-0){border:0!important}
:where(.bd-1-solid-encre){border:1px solid var(--encre)!important}
:where(.bd-1-solid-filet){border:1px solid var(--filet)!important}
:where(.bd-1-solid-hl-or){border:1px solid var(--hl-or)!important}
:where(.bd-1-solid-hl-or-sur-noir-a55){border:1px solid rgba(217, 191, 134, .55)!important}
:where(.bg-encre){background:var(--encre)!important}
:where(.bg-filet-or){background:linear-gradient(90deg, rgba(179, 141, 77, 0), rgba(179, 141, 77, .9) 60%, rgba(179, 141, 77, 0))!important}
:where(.bg-hl-jauge){background:var(--hl-jauge)!important}
:where(.bg-hl-jauge-gris){background:var(--hl-jauge-gris)!important}
:where(.bg-hl-noir-a55){background:rgba(14, 11, 9, .55)!important}
:where(.bg-hl-perle){background:var(--hl-perle)!important}
:where(.bg-ivoire){background:var(--ivoire)!important}
:where(.bg-noir){background:var(--noir)!important}
:where(.bg-or-degrade){background:linear-gradient(90deg, var(--hl-or-fonce), var(--hl-or-moyen))!important}
:where(.bg-papier){background:var(--papier)!important}
:where(.bg-transparent){background:transparent!important}
:where(.bg-voile-bas){background:linear-gradient(180deg, rgba(14, 11, 9, 0) 18%, rgba(14, 11, 9, .72) 45%, rgba(14, 11, 9, .92) 70%)!important}
:where(.bg-voile-gauche){background:linear-gradient(90deg, rgba(14, 11, 9, .94) 0%, rgba(14, 11, 9, .78) 42%, rgba(14, 11, 9, .25) 100%)!important}
:where(.font-inherit){font:inherit!important}
:where(.fx-1){flex:1!important}
:where(.fx-none){flex:none!important}
:where(.g-0-48){gap:0 48px!important}
:where(.g-10){gap:10px!important}
:where(.g-10-36){gap:10px 36px!important}
:where(.g-10-64){gap:10px 64px!important}
:where(.g-12){gap:12px!important}
:where(.g-14){gap:14px!important}
:where(.g-16){gap:16px!important}
:where(.g-18){gap:18px!important}
:where(.g-20){gap:20px!important}
:where(.g-24){gap:24px!important}
:where(.g-28){gap:28px!important}
:where(.g-28-32){gap:28px 32px!important}
:where(.g-32){gap:32px!important}
:where(.g-32-64){gap:32px 64px!important}
:where(.g-34){gap:34px!important}
:where(.g-36){gap:36px!important}
:where(.g-40){gap:40px!important}
:where(.g-40-48){gap:40px 48px!important}
:where(.g-40-56){gap:40px 56px!important}
:where(.g-48){gap:48px!important}
:where(.g-56){gap:56px!important}
:where(.g-56-72){gap:56px 72px!important}
:where(.g-6){gap:6px!important}
:where(.g-64){gap:64px!important}
:where(.g-64-48){gap:64px 48px!important}
:where(.g-72){gap:72px!important}
:where(.g-8){gap:8px!important}
:where(.inset-0){inset:0!important}
:where(.ls-none){list-style:none!important}
:where(.m-0){margin:0!important}
:where(.m-0-0-0){margin:0 0 0!important}
:where(.m-0-0-14-46){margin:0 0 14px 46px!important}
:where(.m-0-0-28-52){margin:0 0 28px 52px!important}
:where(.m-0-0-6){margin:0 0 6px!important}
:where(.m-0-auto){margin:0 auto!important}
:where(.m-10-0-0){margin:10px 0 0!important}
:where(.m-12-0-0){margin:12px 0 0!important}
:where(.m-14-0-0){margin:14px 0 0!important}
:where(.m-16-0-0){margin:16px 0 0!important}
:where(.m-18-0-0){margin:18px 0 0!important}
:where(.m-20-0-0){margin:20px 0 0!important}
:where(.m-22-0-0){margin:22px 0 0!important}
:where(.m-24-0-0){margin:24px 0 0!important}
:where(.m-26-0-0){margin:26px 0 0!important}
:where(.m-28-0-0){margin:28px 0 0!important}
:where(.m-32-0-0){margin:32px 0 0!important}
:where(.m-36-0-0){margin:36px 0 0!important}
:where(.m-4-0-0){margin:4px 0 0!important}
:where(.m-40-0){margin:40px 0!important}
:where(.m-40-0-0){margin:40px 0 0!important}
:where(.m-48-0-0){margin:48px 0 0!important}
:where(.m-56-0-0){margin:56px 0 0!important}
:where(.m-6-0-0){margin:6px 0 0!important}
:where(.m-64-0-0){margin:64px 0 0!important}
:where(.m-72-0-0){margin:72px 0 0!important}
:where(.m-8-0-0){margin:8px 0 0!important}
:where(.ov-hidden){overflow:hidden!important}
:where(.p-0){padding:0!important}
:where(.p-0-4){padding:0 4px!important}
:where(.p-10-0){padding:10px 0!important}
:where(.p-20-0){padding:20px 0!important}
:where(.p-22-24-24){padding:22px 24px 24px!important}
:where(.p-22-26){padding:22px 26px!important}
:where(.p-24-0){padding:24px 0!important}
:where(.p-26){padding:26px!important}
:where(.p-26-0-40){padding:26px 0 40px!important}
:where(.p-26-28-24){padding:26px 28px 24px!important}
:where(.p-28){padding:28px!important}
:where(.p-28-0){padding:28px 0!important}
:where(.p-28-30){padding:28px 30px!important}
:where(.p-30){padding:30px!important}
:where(.p-30-30-28){padding:30px 30px 28px!important}
:where(.p-30-32){padding:30px 32px!important}
:where(.p-30-34){padding:30px 34px!important}
:where(.p-30-36){padding:30px 36px!important}
:where(.p-32){padding:32px!important}
:where(.p-32-30){padding:32px 30px!important}
:where(.p-32-34){padding:32px 34px!important}
:where(.p-34-40){padding:34px 40px!important}
:where(.p-40-0-44){padding:40px 0 44px!important}
:where(.p-44-48){padding:44px 48px!important}
:where(.p-72-0){padding:72px 0!important}
:where(.td-none){text-decoration:none!important}
:where(.td-underline){text-decoration:underline!important}
:where(.ac-start){align-content:start!important}
:where(.ai-baseline){align-items:baseline!important}
:where(.ai-center){align-items:center!important}
:where(.ai-end){align-items:end!important}
:where(.ai-flex-start){align-items:flex-start!important}
:where(.ai-start){align-items:start!important}
:where(.ar-1-1){aspect-ratio:1 / 1!important}
:where(.ar-16-10){aspect-ratio:16 / 10!important}
:where(.ar-16-9){aspect-ratio:16 / 9!important}
:where(.ar-21-9){aspect-ratio:21 / 9!important}
:where(.ar-3-1){aspect-ratio:3 / 1!important}
:where(.ar-3-2){aspect-ratio:3 / 2!important}
:where(.ar-3-4){aspect-ratio:3 / 4!important}
:where(.ar-4-3){aspect-ratio:4 / 3!important}
:where(.ar-4-5){aspect-ratio:4 / 5!important}
:where(.as-end){align-self:end!important}
:where(.bb-1-solid-encre){border-bottom:1px solid var(--encre)!important}
:where(.bb-1-solid-filet){border-bottom:1px solid var(--filet)!important}
:where(.bgc-encre){background-color:var(--encre)!important}
:where(.bgc-hl-ardoise){background-color:var(--hl-ardoise)!important}
:where(.bl-1-solid-or){border-left:1px solid var(--or)!important}
:where(.bottom-30){bottom:30px!important}
:where(.bottom-40){bottom:40px!important}
:where(.bt-1-solid-encre){border-top:1px solid var(--encre)!important}
:where(.bt-1-solid-filet){border-top:1px solid var(--filet)!important}
:where(.bt-1-solid-hl-ivoire-a20){border-top:1px solid rgba(246, 241, 231, .2)!important}
:where(.bt-1-solid-hl-ivoire-a25){border-top:1px solid rgba(246, 241, 231, .25)!important}
:where(.bt-1-solid-hl-ivoire-a35){border-top:1px solid rgba(246, 241, 231, .35)!important}
:where(.bt-1-solid-hl-or){border-top:1px solid var(--hl-or)!important}
:where(.bt-1-solid-hl-or-moyen-a60){border-top:1px solid rgba(196, 156, 88, .6)!important}
:where(.bt-1-solid-hl-or-sur-noir-a40){border-top:1px solid rgba(217, 191, 134, .4)!important}
:where(.bt-1-solid-or){border-top:1px solid var(--or)!important}
:where(.bt-3-solid-hl-or){border-top:3px solid var(--hl-or)!important}
:where(.bt-4-solid-hl-or){border-top:4px solid var(--hl-or)!important}
:where(.c-brun){color:var(--brun)!important}
:where(.c-encre){color:var(--encre)!important}
:where(.c-hl-ivoire-a45){color:rgba(246, 241, 231, .45)!important}
:where(.c-hl-ivoire-doux){color:var(--hl-ivoire-doux)!important}
:where(.c-hl-ivoire-voile){color:var(--hl-ivoire-voile)!important}
:where(.c-hl-or){color:var(--hl-or)!important}
:where(.c-hl-or-moyen){color:var(--hl-or-moyen)!important}
:where(.c-hl-or-sur-noir){color:var(--hl-or-sur-noir)!important}
:where(.c-hl-or-voile){color:var(--hl-or-voile)!important}
:where(.c-hl-pierre){color:var(--hl-pierre)!important}
:where(.c-hl-taupe-sur-noir){color:var(--hl-taupe-sur-noir)!important}
:where(.c-inherit){color:inherit!important}
:where(.c-ivoire){color:var(--ivoire)!important}
:where(.c-or){color:var(--or)!important}
:where(.c-ortx){color:var(--ortx)!important}
:where(.c-taupe){color:var(--taupe)!important}
:where(.cg-32){column-gap:32px!important}
:where(.clip-zero){clip:rect(0 0 0 0)!important}
:where(.clipp-biseau){clip-path:polygon(40% 0, 100% 0, 60% 100%, 0 100%)!important}
:where(.cols-1fr-1fr){grid-template-columns:1fr 1fr!important}
:where(.cols-1fr-auto){grid-template-columns:minmax(0, 1fr) auto!important}
:where(.cols-2fr-10fr){grid-template-columns:minmax(0, 2fr) minmax(0, 10fr)!important}
:where(.cols-34-1fr){grid-template-columns:34px minmax(0, 1fr)!important}
:where(.cols-3fr-5fr-4fr){grid-template-columns:minmax(0, 3fr) minmax(0, 5fr) minmax(0, 4fr)!important}
:where(.cols-3fr-6fr-3fr){grid-template-columns:minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr)!important}
:where(.cols-3fr-7fr-2fr-32){grid-template-columns:minmax(0, 3fr) minmax(0, 7fr) minmax(0, 2fr) 32px!important}
:where(.cols-3fr-7fr-auto){grid-template-columns:minmax(0, 3fr) minmax(0, 7fr) auto!important}
:where(.cols-3fr-9fr-32){grid-template-columns:minmax(0, 3fr) minmax(0, 9fr) 32px!important}
:where(.cols-4fr-8fr){grid-template-columns:minmax(0, 4fr) minmax(0, 8fr)!important}
:where(.cols-5fr-7fr){grid-template-columns:minmax(0, 5fr) minmax(0, 7fr)!important}
:where(.cols-64-1fr){grid-template-columns:64px minmax(0, 1fr)!important}
:where(.cols-6fr-6fr){grid-template-columns:minmax(0, 6fr) minmax(0, 6fr)!important}
:where(.cols-72-1fr){grid-template-columns:72px minmax(0, 1fr)!important}
:where(.cols-7fr-4fr-32){grid-template-columns:minmax(0, 7fr) minmax(0, 4fr) 32px!important}
:where(.cols-7fr-5fr){grid-template-columns:minmax(0, 7fr) minmax(0, 5fr)!important}
:where(.cols-8fr-4fr){grid-template-columns:minmax(0, 8fr) minmax(0, 4fr)!important}
:where(.cols-rep2){grid-template-columns:repeat(2, minmax(0, 1fr))!important}
:where(.cols-rep3){grid-template-columns:repeat(3, minmax(0, 1fr))!important}
:where(.cols-rep3-auto){grid-template-columns:repeat(3, auto)!important}
:where(.cols-rep4){grid-template-columns:repeat(4, minmax(0, 1fr))!important}
:where(.cols-rep5){grid-template-columns:repeat(5, minmax(0, 1fr))!important}
:where(.cur-pointer){cursor:pointer!important}
:where(.d-block){display:block!important}
:where(.d-flex){display:flex!important}
:where(.d-grid){display:grid!important}
:where(.d-inline-flex){display:inline-flex!important}
:where(.dir-column){flex-direction:column!important}
:where(.ff-montserrat-sans-serif){font-family:Montserrat, sans-serif!important}
:where(.fit-cover){object-fit:cover!important}
:where(.fs-104){font-size:104px!important}
:where(.fs-13){font-size:13px!important}
:where(.fs-14){font-size:14px!important}
:where(.fs-15){font-size:15px!important}
:where(.fs-16){font-size:16px!important}
:where(.fs-17){font-size:17px!important}
:where(.fs-18){font-size:18px!important}
:where(.fs-19){font-size:19px!important}
:where(.fs-20){font-size:20px!important}
:where(.fs-22){font-size:22px!important}
:where(.fs-24){font-size:24px!important}
:where(.fs-26){font-size:26px!important}
:where(.fs-28){font-size:28px!important}
:where(.fs-30){font-size:30px!important}
:where(.fs-32){font-size:32px!important}
:where(.fs-34){font-size:34px!important}
:where(.fs-36){font-size:36px!important}
:where(.fs-38){font-size:38px!important}
:where(.fs-40){font-size:40px!important}
:where(.fs-42){font-size:42px!important}
:where(.fs-44){font-size:44px!important}
:where(.fs-46){font-size:46px!important}
:where(.fs-48){font-size:48px!important}
:where(.fs-50){font-size:50px!important}
:where(.fs-52){font-size:52px!important}
:where(.fs-56){font-size:56px!important}
:where(.fs-60){font-size:60px!important}
:where(.fs-64){font-size:64px!important}
:where(.fs-68){font-size:68px!important}
:where(.fs-72){font-size:72px!important}
:where(.fs-80){font-size:80px!important}
:where(.fs-88){font-size:88px!important}
:where(.fst-italic){font-style:italic!important}
:where(.fw-400){font-weight:400!important}
:where(.fw-500){font-weight:500!important}
:where(.fxw-nowrap){flex-wrap:nowrap!important}
:where(.fxw-wrap){flex-wrap:wrap!important}
:where(.gcol-1-n1){grid-column:1 / -1!important}
:where(.grow-1){flex-grow:1!important}
:where(.grow-row-span-2){grid-row:span 2!important}
:where(.h-1){height:1px!important}
:where(.h-100pc){height:100%!important}
:where(.h-16){height:16px!important}
:where(.h-3){height:3px!important}
:where(.h-4){height:4px!important}
:where(.h-72){height:72px!important}
:where(.h-8){height:8px!important}
:where(.h-88){height:88px!important}
:where(.h-auto){height:auto!important}
:where(.jc-center){justify-content:center!important}
:where(.jc-space-between){justify-content:space-between!important}
:where(.left-0){left:0!important}
:where(.left-32){left:32px!important}
:where(.left-44){left:44px!important}
:where(.left-n1){left:-1px!important}
:where(.left-n10pc){left:-10%!important}
:where(.lh-1){line-height:1!important}
:where(.lh-1_02){line-height:1.02!important}
:where(.lh-1_03){line-height:1.03!important}
:where(.lh-1_04){line-height:1.04!important}
:where(.lh-1_05){line-height:1.05!important}
:where(.lh-1_06){line-height:1.06!important}
:where(.lh-1_07){line-height:1.07!important}
:where(.lh-1_08){line-height:1.08!important}
:where(.lh-1_1){line-height:1.1!important}
:where(.lh-1_12){line-height:1.12!important}
:where(.lh-1_15){line-height:1.15!important}
:where(.lh-1_2){line-height:1.2!important}
:where(.lh-1_25){line-height:1.25!important}
:where(.lh-1_3){line-height:1.3!important}
:where(.lh-1_35){line-height:1.35!important}
:where(.lh-1_4){line-height:1.4!important}
:where(.lh-1_5){line-height:1.5!important}
:where(.lh-1_6){line-height:1.6!important}
:where(.lh-1_65){line-height:1.65!important}
:where(.lh-1_75){line-height:1.75!important}
:where(.lh-1_9){line-height:1.9!important}
:where(.lsp-0){letter-spacing:0!important}
:where(.lsp-0_08em){letter-spacing:.08em!important}
:where(.mb-14){margin-bottom:14px!important}
:where(.mb-22){margin-bottom:22px!important}
:where(.mb-48){margin-bottom:48px!important}
:where(.mr-10){margin-right:10px!important}
:where(.mr-12){margin-right:12px!important}
:where(.mr-14){margin-right:14px!important}
:where(.mt-0){margin-top:0!important}
:where(.mt-10){margin-top:10px!important}
:where(.mt-12){margin-top:12px!important}
:where(.mt-120){margin-top:120px!important}
:where(.mt-16){margin-top:16px!important}
:where(.mt-18){margin-top:18px!important}
:where(.mt-20){margin-top:20px!important}
:where(.mt-22){margin-top:22px!important}
:where(.mt-24){margin-top:24px!important}
:where(.mt-28){margin-top:28px!important}
:where(.mt-32){margin-top:32px!important}
:where(.mt-36){margin-top:36px!important}
:where(.mt-40){margin-top:40px!important}
:where(.mt-44){margin-top:44px!important}
:where(.mt-48){margin-top:48px!important}
:where(.mt-56){margin-top:56px!important}
:where(.mt-6){margin-top:6px!important}
:where(.mt-64){margin-top:64px!important}
:where(.mt-72){margin-top:72px!important}
:where(.mt-8){margin-top:8px!important}
:where(.mt-80){margin-top:80px!important}
:where(.mt-88){margin-top:88px!important}
:where(.mt-auto){margin-top:auto!important}
:where(.mw-18ch){max-width:18ch!important}
:where(.mw-20ch){max-width:20ch!important}
:where(.mw-22ch){max-width:22ch!important}
:where(.mw-24ch){max-width:24ch!important}
:where(.mw-28ch){max-width:28ch!important}
:where(.mw-34ch){max-width:34ch!important}
:where(.mw-40ch){max-width:40ch!important}
:where(.mw-42ch){max-width:42ch!important}
:where(.mw-44ch){max-width:44ch!important}
:where(.mw-46ch){max-width:46ch!important}
:where(.mw-48ch){max-width:48ch!important}
:where(.mw-52ch){max-width:52ch!important}
:where(.mw-54ch){max-width:54ch!important}
:where(.mw-56ch){max-width:56ch!important}
:where(.mw-62ch){max-width:62ch!important}
:where(.mw-80ch){max-width:80ch!important}
:where(.mw-980){max-width:980px!important}
:where(.op-0_6){opacity:.6!important}
:where(.op-0_62){opacity:.62!important}
:where(.pb-104){padding-bottom:104px!important}
:where(.pb-112){padding-bottom:112px!important}
:where(.pb-120){padding-bottom:120px!important}
:where(.pb-130){padding-bottom:130px!important}
:where(.pb-14){padding-bottom:14px!important}
:where(.pb-150){padding-bottom:150px!important}
:where(.pb-24){padding-bottom:24px!important}
:where(.pb-28){padding-bottom:28px!important}
:where(.pb-40){padding-bottom:40px!important}
:where(.pb-44){padding-bottom:44px!important}
:where(.pb-48){padding-bottom:48px!important}
:where(.pb-56){padding-bottom:56px!important}
:where(.pb-64){padding-bottom:64px!important}
:where(.pb-72){padding-bottom:72px!important}
:where(.pb-80){padding-bottom:80px!important}
:where(.pb-96){padding-bottom:96px!important}
:where(.pl-18){padding-left:18px!important}
:where(.pos-absolute){position:absolute!important}
:where(.pos-relative){position:relative!important}
:where(.pos-sticky){position:sticky!important}
:where(.pt-0){padding-top:0!important}
:where(.pt-104){padding-top:104px!important}
:where(.pt-112){padding-top:112px!important}
:where(.pt-12){padding-top:12px!important}
:where(.pt-14){padding-top:14px!important}
:where(.pt-18){padding-top:18px!important}
:where(.pt-20){padding-top:20px!important}
:where(.pt-22){padding-top:22px!important}
:where(.pt-24){padding-top:24px!important}
:where(.pt-26){padding-top:26px!important}
:where(.pt-28){padding-top:28px!important}
:where(.pt-32){padding-top:32px!important}
:where(.pt-40){padding-top:40px!important}
:where(.pt-44){padding-top:44px!important}
:where(.pt-56){padding-top:56px!important}
:where(.pt-64){padding-top:64px!important}
:where(.pt-72){padding-top:72px!important}
:where(.pt-8){padding-top:8px!important}
:where(.pt-88){padding-top:88px!important}
:where(.radius-50pc){border-radius:50%!important}
:where(.right-0){right:0!important}
:where(.right-12pc){right:12%!important}
:where(.right-32){right:32px!important}
:where(.right-n1){right:-1px!important}
:where(.right-n10pc){right:-10%!important}
:where(.sh-decale){box-shadow:18px 18px 0 -1px var(--hl-perle)!important}
:where(.sh-portee){box-shadow:0 30px 60px -30px rgba(0, 0, 0, .6)!important}
:where(.ta-center){text-align:center!important}
:where(.ta-right){text-align:right!important}
:where(.tf-rotate-n3deg){transform:rotate(-3deg)!important}
:where(.top-0){top:0!important}
:where(.top-24){top:24px!important}
:where(.top-32){top:32px!important}
:where(.top-44){top:44px!important}
:where(.top-n1){top:-1px!important}
:where(.top-n2){top:-2px!important}
:where(.top-n40){top:-40px!important}
:where(.tt-uppercase){text-transform:uppercase!important}
:where(.tw-balance){text-wrap:balance!important}
:where(.uo-6){text-underline-offset:6px!important}
:where(.w-1){width:1px!important}
:where(.w-100pc){width:100%!important}
:where(.w-168){width:168px!important}
:where(.w-24pc){width:24%!important}
:where(.w-29pc){width:29%!important}
:where(.w-36pc){width:36%!important}
:where(.w-46pc){width:46%!important}
:where(.w-48){width:48px!important}
:where(.w-72){width:72px!important}
:where(.w-79pc){width:79%!important}
:where(.w-88){width:88px!important}
:where(.w-89pc){width:89%!important}
:where(.w-92pc){width:92%!important}
:where(.w-96){width:96px!important}
:where(.ws-nowrap){white-space:nowrap!important}
:where(.z-1){z-index:1!important}
/* END GENERATED */
/* Mobile contact bar: « Prendre rendez-vous » (Nicolas, 22 October 2026) is longer than « Rendez-vous »; it gets more room and may wrap on 320 px screens. */
.mbar{grid-template-columns:1fr 1fr 1.7fr}.mbar a{padding:0 10px;text-align:center;line-height:1.25}
/* Chevron of buttons and links, drawn here so that their text stays editable (the prototype used an inline SVG). */
.has-chev::after{content:"";display:inline-block;flex:none;width:12px;height:20px;background-color:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.btn.has-chev::after,.btn-i.has-chev::after{background-color:var(--hl-or-moyen)}
.route .go.has-chev::after{background-color:var(--hl-or-fonce)}
/* Accessibility additions (WCAG 2.2 AA, RGAA). */
:is(.wp-site-blocks,.editor-styles-wrapper) :is(button,summary,input,select,textarea):focus-visible,.mbar a:focus-visible,.consent :focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.skip{position:absolute;left:16px;top:-200px;z-index:100;padding:12px 18px;background:var(--hl-encre);color:var(--hl-ivoire)!important;font-size:15px;font-weight:500;text-decoration:none}
.skip:focus{top:16px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Consent banner, printed only when a measurement tool is configured (inc/consent.php). */
/* Placement (23 October 2026, Nicolas): a card in the bottom right corner of the screen, clear of the opening text and buttons; on phones and tablets a bar laid on the contact bar. */
.consent{right:24px;bottom:24px;z-index:60;width:392px;max-width:calc(100vw - 48px);padding:20px 22px 22px;background:var(--hl-papier);color:var(--hl-encre);border:1px solid var(--hl-filet);border-top:2px solid var(--hl-or);border-radius:8px;font:14px/1.55 Montserrat,system-ui,sans-serif;box-shadow:0 24px 48px -24px rgba(0,0,0,.45)}
.consent[hidden]{display:none}
/* Heavier than [role=region]{position:relative}, which the WordPress components stylesheet loads after this one for signed-in visitors. */
.consent[role]{position:fixed}
.consent p{margin:0}
.consent-t{font-size:15px;font-weight:500;margin-bottom:6px!important}
.consent a{color:inherit}
.consent .ctas{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-top:14px!important}
.consent-opts{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:10px!important}
.consent-opts label{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.consent-opts input{accent-color:var(--hl-encre);width:18px;height:18px;margin:0}
.consent button{font:inherit;font-weight:500;cursor:pointer;min-height:44px;padding:0 4px;border:1px solid var(--hl-encre);border-radius:6px;background:transparent;color:var(--hl-encre)}
.consent button[data-consent="1"]{background:var(--hl-encre);color:var(--hl-ivoire)}
@media (max-width: 860px){.consent{left:0;right:0;bottom:56px;width:auto;max-width:none;padding:14px 16px 16px;border:0;border-top:2px solid var(--hl-or);border-radius:0;box-shadow:0 -12px 32px -20px rgba(0,0,0,.35)}}
/* Maintenance page (maintenance.php). */
.maintenance-in{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:22px;padding-top:56px;padding-bottom:56px}
.maintenance-in img{width:168px;height:auto;display:block}
/* Editor only: the title field of the page sits in the grid of the site. */
.editor-styles-wrapper .editor-post-title{max-width:1440px;margin:0 auto;padding:32px clamp(20px,6.7vw,96px) 0;font:500 40px/1.1 "Bodoni Moda",Didot,serif}
/* Decorative drawings of the prototype drawn here (tools/hl_blocks.py, MARKS): small chevron, marquee separator, emblem. */
.has-chev-s::before{content:"";display:inline-block;flex:none;width:8px;height:13px;background-color:var(--hl-or);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.has-sep::after{content:"";display:inline-block;flex:none;width:10px;height:16px;background-color:var(--hl-or);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.emb-m::before{content:"";display:inline-block;width:64px;height:64px;background:url(../img/emblem-manifeste.svg) center/contain no-repeat}
[hidden]{display:none!important}
/* Forms of hl-core (blocks/form-*.php, blocks/newsletter.php): honeypot out of sight, status line, chips and buttons. */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{margin:0 0 24px;padding:14px 18px;border:1px solid var(--encre);border-left-width:4px;font-size:15px}
.form-note.is-ok{border-color:var(--hl-or-fonce)}
.chipx:has(input:checked){border-color:var(--encre);background:var(--hl-creme)}
.chipx:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}
button.btn,button.btn-i{border:0;cursor:pointer;font:inherit;font-weight:500;font-size:15px}
button.lnk{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
input.fd{font:inherit;font-size:15px;color:var(--encre);border-radius:0;min-width:0}
input.fd::placeholder,.fld ::placeholder{color:var(--taupe);opacity:1}
.form-legal{margin:12px 0 0;font-size:13px;color:var(--brun)}
/* Numbered pagination of the lists (blocks/post-list.php). */
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--filet);text-decoration:none;font-size:15px;font-weight:500}
.pager [aria-current]{background:var(--encre);color:var(--ivoire);border-color:var(--encre)}
.pager .dots{border:0}
/* Mobile contact bar: shown on small screens (decision of Nicolas, 21 October 2026; the cascade of the prototype hid it).
   The page keeps room for it, and focused elements scroll clear of it (WCAG 2.2, 2.4.11). */
@media (max-width: 860px){.mbar{display:grid}body{padding-bottom:64px}html{scroll-padding-bottom:72px}}
/* Body of an HL/Talk article (single.html): the imported content is core blocks, dressed like the prose of the prototype. */
.entry-content.prose > p:first-child{font-size:22px;line-height:1.6}
.entry-content.prose figure{margin:8px 0 30px}
.entry-content.prose img{display:block;width:100%;height:auto}
.entry-content.prose :is(ul,ol){margin:0 0 22px;padding-left:1.2em}
.entry-content.prose li+li{margin-top:8px}
/* The button of the header leads to the contact page: on that page it stays a button, without the underline of the current item. */
.nav a.btn[aria-current]{text-decoration:none}
/* Choices of the contact form: the field labels rule (.fld label, padding 0) also reached the chips of the prototype,
   whose text then touched their border. Their own padding is given back. */
.fld label.chipx{padding:0 18px}
.chipx input{flex:none}
/* Header kept in view on computers, the home title a little smaller and further from the list of poles (Nicolas,
   22 October 2026). On phones the contact bar stays at the bottom and the header scrolls away. */
@media (min-width: 861px){
.wp-site-blocks>.wp-block-template-part:first-child{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:var(--hl-ivoire);border-bottom:1px solid transparent;transition:border-color .2s}
.wp-site-blocks>.wp-block-template-part:first-child>header{transition:padding .2s}
.wp-site-blocks>.wp-block-template-part.is-stuck{border-bottom-color:var(--hl-filet)}
.wp-site-blocks>.wp-block-template-part.is-stuck>header{padding-top:14px!important;padding-bottom:14px!important}
html{scroll-padding-top:112px}
/* Columns that stay in view (summary and aside of the articles, « En bref » of the case studies) stop under the header
   kept in view, not under it (Nicolas, 22 October 2026: « que le menu ne les recouvre pas »). */
main .pos-sticky{top:calc(var(--wp-admin--admin-bar--height,0px) + 109px)!important}
main h1:has(+ .poles){font-size:46px!important}
main h1 + .poles{margin-top:34px!important;font-size:15px!important;flex-wrap:wrap!important;white-space:normal!important;column-gap:12px!important;row-gap:6px!important}
}
/* Data-PR et GEO: what the previous page did better, taken back (Nicolas, 22 October 2026; tools/hl_fixes.py, fix_data_pr).
   Opening: the golden visual on the right of the screen, under a veil the colour of the page, with golden lines that
   unroll; on phones it comes under the text. The text itself does not move, so that it shows at once. */
.geo-hero{position:relative;overflow:hidden}
.geo-hero>.wrap{position:relative;z-index:2}
.geo-visu{position:relative;overflow:hidden;aspect-ratio:5/4;margin-top:-56px}
/* On phones the first section of a page starts 24 px under the header: here its frame is the inner wrap, not the section. */
@media (max-width: 860px){:is(.wp-site-blocks,.editor-styles-wrapper) section.geo-hero{padding-top:0!important}.geo-hero>.wrap{padding-top:24px!important}}
.geo-visu img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% 45%;animation:geo-settle 2.4s cubic-bezier(.2,.7,.2,1) both}
.geo-visu::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(var(--hl-ivoire),rgba(251,249,244,0) 30%)}
.geo-visu::after{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 calc(11% - 1px),rgba(196,156,88,.5) calc(11% - 1px) 11%);-webkit-mask:linear-gradient(transparent,#000 35%,#000 65%,transparent);mask:linear-gradient(transparent,#000 35%,#000 65%,transparent);animation:geo-lines 1.6s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes geo-settle{from{transform:scale(1.06)}}
@keyframes geo-lines{from{clip-path:inset(0 0 100% 0)}}
@media (min-width: 861px){
.geo-visu{position:absolute;top:0;right:0;bottom:0;width:min(60%,1000px);aspect-ratio:auto;margin:0}
.geo-visu img{object-position:84% 40%}
.geo-visu::after{left:34%}
.geo-visu::before{background:linear-gradient(90deg,var(--hl-ivoire),rgba(251,249,244,.82) 22%,rgba(251,249,244,0) 58%)}
}
/* Table of contents kept in view under the header, the section being read marked (theme script). */
.geo-toc{position:sticky;top:0;z-index:40;background:var(--hl-ivoire);border-bottom:1px solid var(--hl-filet)}
.geo-toc ol{list-style:none;max-width:1440px;margin:0 auto;padding:0 clamp(20px,6.7vw,96px);display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.geo-toc ol::-webkit-scrollbar{display:none}
.geo-toc li{flex:none}
.geo-toc-a{display:flex;align-items:baseline;gap:8px;min-height:50px;padding-top:15px;font-size:14px;color:var(--hl-brun);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.geo-toc-a .t{color:var(--hl-or-fonce)}
.geo-toc-a:hover,.geo-toc-a[aria-current]{color:var(--hl-encre);border-bottom-color:var(--hl-or)}
@media (min-width: 861px){.geo-toc{top:calc(var(--wp-admin--admin-bar--height,0px) + 85px)}html:has(.geo-toc){scroll-padding-top:150px}}
@media (max-width: 860px){html:has(.geo-toc){scroll-padding-top:66px}}
/* Key words of the argument, marked like a highlighter. */
.geo-hero~section strong{font-weight:500;color:var(--hl-encre);background:linear-gradient(transparent 60%,rgba(196,156,88,.28) 0)}
/* Correlation chart: the signal Data-PR works on, on a dark row with its badge; « vs » between the two groups
   (details of the previous page, Nicolas, 22 October 2026). */
.geo-hl{margin-left:-18px!important;margin-right:-18px!important;padding:14px 18px;background:var(--hl-encre);color:var(--hl-ivoire)}
.geo-hl>span{color:#d9bf86}
.geo-hl>div>div:first-child{color:var(--hl-ivoire)!important}
.geo-hl .geo-bar{background:rgba(246,241,231,.18)!important}
.geo-badge{display:inline-block;margin-left:8px;padding:3px 10px;border:1px solid rgba(217,191,134,.55);border-radius:99px;color:#d9bf86;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;vertical-align:2px}
.geo-vs{display:flex;align-items:center;gap:14px;margin-top:30px}
.geo-vs::before,.geo-vs::after{content:"";flex:1;height:1px;background:var(--hl-filet)}
.geo-vs-t{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--hl-brun)}
.geo-vs+p{border-top:0!important;padding-top:0!important;margin-top:20px!important}
/* Each sector example signs off as an angle of Data-PR. */
.geo-sig{display:flex;align-items:center;gap:12px;margin:22px 0 0;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#d9bf86}
.geo-sig::before{content:"";width:28px;height:1px;background:currentColor}
/* Sector examples as tabs (theme script): the list on the left, one example at a time. Without the script, all six. */
.geo-tabs{display:none}
.geo-angles.has-tabs{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;margin-top:64px;align-items:start}
.has-tabs .geo-tabs{display:flex;flex-direction:column;border-top:1px solid rgba(246,241,231,.35)}
.geo-tab{display:flex;align-items:center;min-height:52px;padding:0 0 0 18px;border-bottom:1px solid rgba(246,241,231,.18);border-left:3px solid transparent;color:var(--hl-ivoire-doux);text-decoration:none;font-size:16px;transition:color .2s,border-color .2s,background-color .2s}
.geo-tab:hover{color:var(--hl-ivoire)}
.geo-tab[aria-selected=true]{color:var(--hl-ivoire);border-left-color:var(--hl-or);background:rgba(246,241,231,.06)}
.has-tabs>.d-grid{display:block!important;margin-top:0!important}
.geo-angles.has-tabs+p{margin-top:40px!important}
.has-tabs [role=tabpanel]{padding:34px 0 0 40px!important;border-top:0!important;border-left:1px solid rgba(246,241,231,.35)}
.has-tabs [role=tabpanel] .t.fs-24{font-size:34px!important;line-height:1.3!important}
.has-tabs [role=tabpanel]:not([hidden]){animation:geo-in .5s cubic-bezier(.2,.7,.2,1)}
@keyframes geo-in{from{opacity:0;transform:translateY(10px)}}
@media (max-width: 860px){
.geo-angles.has-tabs{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}
.has-tabs .geo-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;border-top:0;gap:8px}
.geo-tab{flex:none;padding:0 16px;border:1px solid rgba(246,241,231,.35);white-space:nowrap}
.geo-tab[aria-selected=true]{border-color:var(--hl-or);border-left-color:var(--hl-or)}
.has-tabs [role=tabpanel]{padding:8px 0 0!important;border-left:0}
.has-tabs [role=tabpanel] .t.fs-24{font-size:26px!important}
}
/* Appearance on scroll, on every page (theme script, 22 October 2026: the motion of the previous Data-PR and GEO page,
   made common to the site). The script marks data-rv the blocks of each section after the opening, and the page only
   when the reader accepts animations: their children rise one after the other, the golden filets of cards and steps
   unroll, the correlation bars grow to their value. Nothing stays hidden in print. */
.rv [data-rv]>*{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv [data-rv]:not(.is-in)>*{opacity:0;transform:translateY(28px)}
.rv [data-rv]>:nth-child(2){transition-delay:.12s}
.rv [data-rv]>:nth-child(3){transition-delay:.24s}
.rv [data-rv]>:nth-child(4){transition-delay:.36s}
.rv [data-rv]>:nth-child(5){transition-delay:.48s}
.rv [data-rv]>:nth-child(n+6){transition-delay:.6s}
.rv [data-rv] :is(.geo-bar>div,.bar-or,li>.pos-absolute.h-4:first-child){transform-origin:left;transition:transform 1.1s .45s cubic-bezier(.2,.7,.2,1)}
.rv [data-rv]:not(.is-in) :is(.geo-bar>div,.bar-or,li>.pos-absolute.h-4:first-child){transform:scaleX(0)}
@media print{.rv [data-rv] *{opacity:1!important;transform:none!important}}
/* Cards with a golden filet, on every page: on hover the short filet lengthens, and a framed card gains the offset
   shadow of the prototype (drawn by a pseudo-element, so that the transitions of the appearance stay untouched). */
:not(form):has(>.bar-or)>.bar-or{transition:width .5s cubic-bezier(.2,.7,.2,1)}
.rv [data-rv] :not(form):has(>.bar-or)>.bar-or{transition:transform 1.1s .45s cubic-bezier(.2,.7,.2,1),width .5s cubic-bezier(.2,.7,.2,1)}
:not(form):has(>.bar-or)::after{content:"";position:absolute;inset:-1px;box-shadow:12px 12px 0 -1px var(--hl-filet);opacity:0;transition:opacity .4s;pointer-events:none}
@media (hover: hover){
:not(form):has(>.bar-or):hover>.bar-or.w-48{width:84px!important}
:not(form):has(>.bar-or):hover>.bar-or.w-72{width:120px!important}
:not(form):is(.bd-1-solid-encre,.bd-1-solid-filet):has(>.bar-or):hover::after{opacity:1}
}
/* The picture of the opening of each page settles as the page opens, like the golden visual of Data-PR et GEO. */
.wp-block-post-content>section:first-child .pic>img{animation:geo-settle 2.4s cubic-bezier(.2,.7,.2,1) both}
/* Lighter art direction (Nicolas and Gaël, 22 October 2026, after the previous Data-PR and GEO page: « les arrondis,
   plus de blanc, des titres un peu moins gros », then « un peu plus de blanc en fond pour adoucir sur les sections »).
   Whiter backgrounds: the palette of the prototype, redefined here so that the generated part stays as it is. */
:root{--hl-ivoire:#fbf9f4;--hl-papier:#fffefb;--hl-bande:#f1e9da;--hl-perle:#f3f4f5;--hl-creme:#f1e8d6;--hl-papier-bande:#f7f1e6;--hl-ivoire-voile:#f3eee5}
/* Frames of cards and boxes in the light filet instead of ink (form fields keep their own taupe outline). */
main .bd-1-solid-encre{border-color:var(--hl-filet)!important}
main .bt-1-solid-encre{border-top-color:var(--hl-filet)!important}
/* Rounded corners, the same on every framed element (8 px on cards, boxes, pictures and the offset box, 6 px on
   buttons, fields, filters and tabs: brought down from 12 px, Nicolas, 22 October 2026); the golden bar on top of a card
   follows the corner. */
main :is(.bd-1-solid-encre,.bd-1-solid-filet,a.case,.route,.pic,.sh-decale){border-radius:8px}
main .pic{overflow:hidden}
main :is(.bd-1-solid-encre,.bd-1-solid-filet,a.case,.route)>.bar-or.top-n1{border-radius:8px 8px 0 0/4px 4px 0 0}
main :is(.bd-1-solid-encre,.bd-1-solid-filet,a.case,.route)>.bar-or.top-n1:not(.right-n1){border-radius:8px 0 0 0/3px 0 0 0}
:is(main,.consent) :is(.btn,.btn2,.btn-i),.wp-site-blocks .btn,.mnav>summary,.fd,.fld :is(input,select,textarea),.chipx,main nav.tabs a,.geo-tab{border-radius:6px}
:not(form):has(>.bar-or)::after{border-radius:8px}
/* Golden gradient on the key figures and on the italic word of titles, as on the dark bands of the site: dark gold on
   light backgrounds (3:1 at least, these are large texts), the light gold of the dark bands on dark backgrounds. */
main :is(.kpi .v,.kpi .t5,p.t.fs-56,p.t5.fs-72,.fs-104):not(.or-g),main :is(h1,h2) em,main .t em,main .t5 em{background:linear-gradient(100deg,#6b5a22 0%,#96793e 45%,#7a6832 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;background-size:100% 100%;padding-bottom:0}
main :is(.dk,.bg-noir,.bgc-hl-ardoise,.c-ivoire) :is(h1,h2,.t,.t5) em{background-image:linear-gradient(90deg,var(--hl-or-moyen),var(--hl-or-pale) 50%,var(--hl-or-moyen))}
main :is(.dk,.bg-noir,.bgc-hl-ardoise,.c-ivoire) .c-encre :is(h1,h2,.t,.t5) em{background-image:linear-gradient(100deg,#6b5a22 0%,#96793e 45%,#7a6832 100%)}
/* Finer typography (Nicolas, 22 October 2026: « les tailles de typo un peu mastoc par rapport à l’approche un peu plus
   fine de la page actuelle de geo ») : text at 16 px as on the previous Data-PR and GEO page, smaller titles and card
   titles, Bodoni Moda in weight 400 (files above), and line heights that let the smaller titles breathe. */
:is(.wp-site-blocks,.editor-styles-wrapper){font-size:16px;line-height:1.65}
main :is(p,li,dd,span,summary,a).fs-17,main :is(p,li,dd,span,summary,a).fs-18,main :is(p,li,dd,span,summary,a).fs-19{font-size:16px!important}
.t,.t5{font-weight:400}
main :is(h1,h2).t{line-height:1.1!important}
main h3.t,main h3.t5{line-height:1.2!important}
main h3.fs-40{font-size:32px!important}main h3.fs-36{font-size:30px!important}main h3.fs-32{font-size:27px!important}main h3.fs-28{font-size:24px!important}main h3.fs-24{font-size:21px!important}
@media (min-width: 1101px){
main :is(h1,h2).fs-88{font-size:64px!important}main :is(h1,h2).fs-80{font-size:58px!important}main :is(h1,h2).fs-72{font-size:54px!important}
main :is(h1,h2).fs-64{font-size:50px!important}main :is(h1,h2).fs-60{font-size:48px!important}main :is(h1,h2).fs-56{font-size:44px!important}main :is(h1,h2).fs-52{font-size:42px!important}
}
/* More space between sections. */
@media (min-width: 861px){
main .pt-104{padding-top:132px!important}main .pt-112{padding-top:140px!important}main .pt-88{padding-top:110px!important}main .pt-72{padding-top:90px!important}
main .pb-120{padding-bottom:150px!important}main .pb-112{padding-bottom:140px!important}main .pb-104{padding-bottom:130px!important}main .pb-96{padding-bottom:120px!important}main .pb-72{padding-bottom:90px!important}
main .mt-64{margin-top:80px!important}main .mt-56{margin-top:70px!important}
}

/* Icons of the X (brandbook of 23 October 2026, drawings of the charter v4 to be approved by Gaël; sources in
   assets/icons/, inlined here: no request, img-src allows data:). Decorative, next to a word, never in its place:
   pole numerals (ix-num, at the right, in ink), Data-PR and GEO title and landing sectors (ix-top, above, in the colour
   of the text, ivory on the photographs). 56 px, the height of the numerals: each drawing fills only part of its
   square, and the brandbook asks for 32 px at least. */
.ix-num{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ix-num::after,.ix-top::before{content:"";display:block;flex:none;width:56px;height:56px;background:currentColor;-webkit-mask:var(--ix) center/contain no-repeat;mask:var(--ix) center/contain no-repeat}
.ix-num::after{background:var(--hl-encre)}
.ix-top::before{margin-bottom:16px}
/* Four sector cards on the RP landing (msw-4): two by two on wide screens. Each card grows with its text instead of
   a fixed ratio (the longer texts were cut at the top on phones): the text block leaves its absolute position and
   sits at the bottom of a flex column, the picture still fills the card. */
:is(.wp-site-blocks,.editor-styles-wrapper) .msw.msw-4>.case{aspect-ratio:auto!important;min-height:440px;display:flex!important;flex-direction:column;justify-content:flex-end}
.msw-4>.case>div:last-child{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:56px 32px 30px}
@media (min-width: 861px){.msw-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}:is(.wp-site-blocks,.editor-styles-wrapper) .msw.msw-4>.case{min-height:380px}}
/* On phones the sector cards grow with their text (msw-4 above): the icon stays above the title, a little smaller,
   and the title shrinks so « patrimoniales » fits the card. */
@media (max-width: 860px){.ix-card::before{width:44px;height:44px;margin-bottom:12px}.msw-4 .ix-card{font-size:32px!important}:is(.wp-site-blocks,.editor-styles-wrapper) .msw.msw-4>.case>div:last-child{margin:48px 24px 26px}}
@media (max-width: 360px){.msw-4 .ix-card{font-size:28px!important}}
.ix-strategie{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(50 50) rotate(0) scale(0.8) translate(-17 -30)'/%3E%3C/svg%3E")}
.ix-rp-evenementiel{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(30 50) rotate(0) scale(0.55) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(70 50) rotate(180) scale(0.55) translate(-17 -30)'/%3E%3C/svg%3E")}
.ix-digital-social-media{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(28 50) rotate(180) scale(0.55) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(72 50) rotate(0) scale(0.55) translate(-17 -30)'/%3E%3C/svg%3E")}
.ix-data-pr-geo{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='0.35' transform='translate(50 72) rotate(-90) scale(0.55) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='0.65' transform='translate(50 50) rotate(-90) scale(0.55) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(50 28) rotate(-90) scale(0.55) translate(-17 -30)'/%3E%3C/svg%3E")}
.ix-hotellerie-art-de-vivre{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(50 40) rotate(-90) scale(0.7) translate(-17 -30)'/%3E%3Crect x='40' y='58' width='20' height='26' fill='none' stroke='%2316110d' stroke-width='3'/%3E%3C/svg%3E")}
.ix-vins-domaines{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(26 34) rotate(90) scale(0.28) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(26 62) rotate(90) scale(0.28) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(50 34) rotate(90) scale(0.28) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(50 62) rotate(90) scale(0.28) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(74 34) rotate(90) scale(0.28) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(74 62) rotate(90) scale(0.28) translate(-17 -30)'/%3E%3C/svg%3E")}
.ix-mode-savoir-faire{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(30 30) rotate(0) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(30 52) rotate(0) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(30 74) rotate(0) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(44 30) rotate(180) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(44 52) rotate(180) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(44 74) rotate(180) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(58 30) rotate(0) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(58 52) rotate(0) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(58 74) rotate(0) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(72 30) rotate(180) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(72 52) rotate(180) scale(0.26) translate(-17 -30)'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(72 74) rotate(180) scale(0.26) translate(-17 -30)'/%3E%3C/svg%3E")}
.ix-entreprise-patrimoniale{--ix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M27 20 H73 V52 C73 68 62 78 50 84 C38 78 27 68 27 52 Z' fill='none' stroke='%2316110d' stroke-width='3'/%3E%3Cpolygon points='0,0 14,0 34,30 14,60 0,60 20,30' fill='%2316110d' fill-opacity='1' transform='translate(50 53) rotate(-90) scale(0.58) translate(-17 -30)'/%3E%3C/svg%3E")}
/* Six links in the header since Parutions joined the menu (23 October 2026, Nicolas: « Parutions clients ne se voit
   pas »). The logo keeps its width; the gaps tighten up to 1 400 px, and the links are set a size smaller up to
   1 340 px, so that the full menu shows from 1 240 px (it folded into « Menu » up to 1 180 px, now up to 1 239 px); the phone number leaves the wide header, where it no
   longer fits at any width (it stays in the contact strip, the phone bar and the footer). */
header.wrap>a[aria-label]{flex:none}
@media (max-width: 1400px){header.wrap{gap:24px!important}header.wrap .nav{gap:24px!important}}
@media (max-width: 1239px){:is(.wp-site-blocks,.editor-styles-wrapper) header>.nav{display:none!important}:is(.wp-site-blocks,.editor-styles-wrapper) .mnav{display:block}}
@media (max-width: 1340px){header.wrap{gap:16px!important}header.wrap .nav{gap:14px!important}header.wrap .nav a:not(.btn){font-size:15px}header.wrap .nav .btn{padding-left:20px;padding-right:20px}}
:is(.wp-site-blocks,.editor-styles-wrapper) header .tel{display:none}
/* Header of the landings (template page-landing): logo, phone, one button to the form of the page, no menu. The phone
   shows from 1 101 px; on phones the logo stays alone, the contact bar at the bottom carries the calls to action. */
:is(.wp-site-blocks,.editor-styles-wrapper) header.hdr-lp .tel{display:inline-flex}
@media (max-width: 1100px){:is(.wp-site-blocks,.editor-styles-wrapper) header.hdr-lp .tel{display:none}}
@media (max-width: 860px){header.hdr-lp .btn{display:none}}
/* Nothing wider than the screen (24 October 2026, found by the brandbook session: .wp-site-blocks clips what
   overflows, so the page never scrolled sideways and the check on the document width passed). A grid cell may shrink
   below its content, so the filter tabs of Maisons accompagnées scroll inside their bar instead of widening it, and the
   Contact card keeps to the screen at 320 px. Buttons wrap on phones (end of the case studies, mini-audit of Data-PR),
   and the share links of the articles wrap in their narrow column at 1 024 px. */
:is(.wp-site-blocks,.editor-styles-wrapper) .d-grid>*{min-width:0}
:is(.wp-site-blocks,.editor-styles-wrapper) .d-flex>nav.tabs{flex:1 1 0;min-width:0;max-width:100%}
:is(.wp-site-blocks,.editor-styles-wrapper) aside .d-flex{flex-wrap:wrap;row-gap:6px}
@media (max-width: 600px){main :is(.btn,.btn2,.btn-i){white-space:normal;max-width:100%;padding-top:12px;padding-bottom:12px;line-height:1.35}}
/* HL letter of HL/Talk: beside the heading on wide screens, under the list of articles on phones (Nicolas, 24 October
   2026), so that the first article shows first. */
.nl-end{display:none}
@media (max-width: 860px){.nl-top{display:none}.nl-end{display:block}}