/* Accueil : palette et typographie du formulaire « Mieux vous connaître ». */
:root{color-scheme:dark;--bg:#141614;--panel:#1c1f1c;--line:#353a33;--text:#f0eee7;--muted:#b3b7aa;--accent:#d9b98a;--primary:#d9b98a;--border:#353a33;--headerbg:#141614;--footerbg:#141614;--bloctextebg:#1c1f1c}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:var(--bg)}
body{background:radial-gradient(ellipse at 90% 8%,#30312655,transparent 42%),var(--bg);color:var(--text);font:16px/1.75 system-ui,-apple-system,'Segoe UI',sans-serif}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.hero{max-width:1200px;margin:auto;min-height:610px;padding:100px 36px 60px;gap:40px;align-items:center;background:transparent;overflow:visible}
.menu{top:0;left:36px;right:36px;width:auto;padding:20px 0;justify-content:flex-end;flex-wrap:wrap;border:0;border-bottom:1px solid var(--line);background:transparent}
.menu a{color:var(--muted);font-size:10px;letter-spacing:.12em;padding:10px 14px;font-weight:500}
.menu a:not(:last-child){border:0}.menu a:hover,.menu a.active{color:var(--accent);background:transparent}.menu a:after{display:none}
.hero-left{width:49%;padding:0}.hero-left h1{font:400 clamp(42px,5vw,68px)/1.08 Georgia,serif;letter-spacing:-.045em;color:var(--text);margin:20px 0}.hero-left h1 br{display:none}
.hero-left h2{font:italic 400 29px/1.35 Georgia,serif;color:var(--accent);margin-bottom:22px}.hero-left p{color:var(--muted);font-size:14px;margin-bottom:26px}.subtitle{font-size:9px;letter-spacing:.16em;font-weight:500;color:var(--accent)}
.hero-gallery{width:51%;height:360px;padding:0;gap:7px;border-radius:12px}.panel{transform:none;border-radius:8px}.panel:not(:first-child){margin:0}.panel img,.panel:hover img{width:100%;height:100%;transform:none;object-fit:cover}.panel span{left:12px;bottom:16px;transform:none;font:400 24px Georgia,serif;color:#f0eee7}
.btn,.btn-devis{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#211d17;font:650 11px/1.5 system-ui,sans-serif;padding:15px 20px;letter-spacing:.03em}.btn:hover,.btn-devis:hover{background:#e9cda6;color:#211d17;transform:translateY(-2px)}
main{max-width:1200px;margin:auto;padding:0 36px}.section-claire,.section-foncee{width:100%;padding:42px 0;margin:0;background:transparent;text-align:left}
#introduction{padding:30px 36px;margin-bottom:22px;border:1px solid var(--line);border-radius:12px;background:#20241e}#introduction p{max-width:890px}
h2,.section-title{font:400 clamp(28px,3.4vw,39px)/1.25 Georgia,serif;text-transform:none;letter-spacing:-.025em;color:var(--text)}.section-title{justify-content:flex-start;text-align:left;margin-bottom:28px}.section-claire p,.section-foncee p{padding:7px 0;color:var(--muted);font-size:14px}strong{color:var(--text);font-weight:550}
.grid-container,.grid-4,.grid-5{width:100%;gap:16px}.grid-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 15px #0002;display:flex;flex-direction:column}.grid-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0003;border-color:#726345}.grid-card-image{height:170px;flex-shrink:0}.grid-card-image img{height:100%;object-fit:cover}.grid-card-content{padding:22px;display:flex;flex-direction:column;flex:1}.grid-card h3{font:400 21px/1.3 Georgia,serif;padding:0;margin-bottom:12px;color:var(--text)}.grid-card p{padding:0;margin-bottom:20px;min-height:0;font-size:12px;line-height:1.8}.grid-card a{color:#211d17;margin-top:auto;align-self:flex-start;font-size:9px;padding:10px 12px}.grid-card-icon{width:34px;height:34px;margin-bottom:16px}.grid-card-icon img{width:100%;height:100%;filter:none}
.process-intro{max-width:780px;margin:0 0 32px;text-align:left}.process-intro h3{font-size:11px;font-weight:550;letter-spacing:.07em;color:var(--accent);margin:24px 0 4px}.process-intro h2{margin:14px 0}.process-intro p{font-size:14px}#apropos{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#apropos .process-intro{margin-bottom:0}
.process-grid{width:100%;gap:12px}.process-grid:before{display:none}.process-step{display:block;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 18px}.process-number{width:34px;height:34px;margin:0 0 20px;border:1px solid #726345;background:#d9b98a0a;border-radius:9px;font:500 11px system-ui;color:var(--accent)}.process-step h3{font-size:11px;line-height:1.6;font-weight:550;letter-spacing:.04em}.process-step p{font-size:12px}.process-step:hover .process-number{background:var(--accent);color:#211d17;transform:none}
.footer{max-width:1200px;margin:40px auto 0;padding:0 36px;background:transparent;color:var(--muted)}.footer-cta{background:#20241e;border:1px solid var(--line);border-radius:12px;padding:30px;gap:24px}.footer-cta h2{font:400 27px/1.3 Georgia,serif;color:var(--text)}.footer-cta p{color:var(--muted);font-size:13px}.cta-icon{display:none}.footer-main{padding:44px 0;gap:30px;background:transparent}.footer-col h3{color:var(--accent);font-size:11px;letter-spacing:.1em}.footer-col p,.footer-col li,.footer-col a{color:var(--muted);font-size:12px}.footer-col[style]{width:auto!important}.footer-bottom{background:transparent;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:10px}.footer-bottom a{color:var(--accent)}
/* Le contenu reste lisible même sans JavaScript. */
.reveal,.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:24px}.footer-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hero{display:flex;flex-direction:column;padding:115px 20px 30px;min-height:0;gap:28px}.menu{left:20px;right:20px;top:0;justify-content:center;gap:0;padding:16px 0}.menu a{font-size:9px;padding:9px 8px}.hero-left,.hero-gallery{width:100%}.hero-left{padding:0}.hero-left h1{font-size:46px}.hero-gallery{height:220px}.panel{height:100%}.panel span{left:8px;font-size:20px}main{padding:0 20px}#introduction{padding:24px}.section-claire,.section-foncee{padding:30px 0}.process-grid{padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}.process-step{padding:20px 16px}.footer{padding:0 20px}.footer-cta{flex-direction:column;align-items:flex-start;padding:24px}.footer-main{gap:24px}.footer-bottom{gap:18px;align-items:flex-start}.footer-cta h2{font-size:25px}}
@media(max-width:460px){.grid-4,.grid-5,.process-grid,.footer-main{grid-template-columns:1fr}.grid-card-image{height:190px}.hero-left h1{font-size:39px}.hero-left h2{font-size:25px}.subtitle{font-size:8px;letter-spacing:.1em}.footer-bottom{flex-direction:column}.btn-devis{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Liens légaux accessibles sur toutes les tailles d’écran. */
.footer-bottom>div{display:flex;flex-wrap:wrap;gap:10px 18px;max-width:520px}.footer-bottom>div a{white-space:normal}

/* Les cinq prestations restent sur une seule rangée. */
#services .grid-container{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#services .grid-card{grid-column:auto;min-width:0}
#services .grid-card-content{padding:18px 16px}
#services .grid-card h3{font-size:18px;line-height:1.35;overflow-wrap:break-word}
#clients .grid-card h3{font:550 13px/1.55 system-ui,sans-serif;letter-spacing:.035em;overflow-wrap:break-word}
@media(max-width:1000px){#services .grid-container{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,32%);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:14px;scrollbar-color:#726345 #1c1f1c}#services .grid-card{scroll-snap-align:start}#services .grid-card:hover{transform:none}}
@media(max-width:600px){#services .grid-container{grid-auto-columns:85%;gap:12px}}