/* Pages prestations de camustravaux.ch — mêmes codes que l'accueil :
   noir et blanc, Helvetica, rien d'autre. */
:root{--noir:#14140F;--blanc:#FCFBF9;--gris:#8C887E;--gris2:#B9B5AB;--trait:#2C2C25;
      --sans:"Helvetica Neue",Helvetica,Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--noir);color:var(--blanc);font-family:var(--sans);
     font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--blanc);text-underline-offset:3px}
a:focus-visible{outline:3px solid #7BA4E8;outline-offset:3px}

main{max-width:760px;margin:0 auto;padding:44px 18px 20px}
.fil{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin:0 0 14px}
.fil a{color:var(--gris);text-decoration:none}
h1{font-size:32px;font-weight:300;letter-spacing:-.035em;line-height:1.1;margin:0 0 16px;text-wrap:balance}
.chapeau{font-size:18px;color:var(--gris2);margin:0 0 28px}
h2{font-size:22px;font-weight:300;letter-spacing:-.03em;margin:40px 0 12px;
   padding-top:26px;border-top:1px solid var(--trait)}
p{margin:0 0 14px;color:var(--gris2)}
p strong{color:var(--blanc);font-weight:500}
ul.travaux{list-style:none;padding:0;margin:0 0 14px;columns:2 220px;column-gap:28px}
ul.travaux li{position:relative;padding:3px 0 3px 18px;color:var(--gris2);break-inside:avoid}
ul.travaux li::before{content:"–";position:absolute;left:0;color:var(--gris)}

.photos{max-width:1080px;margin:10px auto 0;padding:0 18px;
        display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px}
.photos figure{margin:0;background:#1E1E19}
.photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.photos figcaption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);padding:8px 2px 4px}
.photos video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#000}

.appel{border-top:1px solid var(--trait);margin-top:46px;padding:44px 18px;text-align:center}
.appel p.grand{font-size:21px;font-weight:300;letter-spacing:-.02em;color:var(--blanc);margin:0 0 6px}
.actions{display:flex;flex-direction:column;gap:11px;width:100%;max-width:380px;margin:18px auto 0}
a.bouton{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;
         font-size:17px;font-weight:600;text-decoration:none;border:1.5px solid var(--blanc)}
a.bouton.plein{background:var(--blanc);color:var(--noir)}
a.bouton.vide{background:transparent;color:var(--blanc)}
.autres{margin:14px 0 0;font-size:13.5px;color:var(--gris2)}

.voisines{max-width:760px;margin:0 auto;padding:0 18px 30px;font-size:14px;color:var(--gris2)}
.voisines a{white-space:nowrap}

footer{padding:24px 18px 44px;text-align:center;font-size:12px;color:var(--gris);line-height:1.9;border-top:1px solid var(--trait)}
footer a{color:var(--gris)}
.zone-pied{margin:0 0 8px;font-size:12.5px;color:var(--gris2)}

@media (max-width:700px){
  body{font-size:16px}
  main{padding-top:32px}
  h1{font-size:27px}
  .chapeau{font-size:16.5px}
  .photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px}
  .photos::-webkit-scrollbar{display:none}
  .photos figure{flex:0 0 78%;scroll-snap-align:start}
  .photos img,.photos video{aspect-ratio:4/5}
}

/* page du formulaire de demande */
.formulaire form{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.formulaire .deux{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.formulaire label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--gris2)}
.formulaire label span{color:var(--gris)}
.formulaire input,.formulaire textarea{font:inherit;font-size:16px;color:var(--blanc);background:#1A1A15;
  border:1px solid #55554C;padding:12px;border-radius:0;width:100%}
.formulaire input:focus,.formulaire textarea:focus{outline:none;border-color:var(--blanc)}
.formulaire input[type=file]{padding:10px;font-size:14px;color:var(--gris2)}
.formulaire .apercu{display:flex;gap:8px;flex-wrap:wrap}
.formulaire .apercu img{width:88px;height:88px;object-fit:cover;border:1px solid var(--trait)}
.formulaire .piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulaire button.bouton{font:inherit;font-size:17px;font-weight:600;cursor:pointer;width:100%;max-width:380px}
.formulaire button:disabled{opacity:.6;cursor:wait}
.formulaire .erreur{margin:0;padding:12px 14px;border:1px solid #B8572F;color:var(--blanc);font-size:15px}
.formulaire .note{font-size:13px;color:var(--gris);margin:0}
.formulaire .note a{color:var(--gris)}
.formulaire .merci{border:1px solid #55554C;padding:24px 20px;margin-top:8px}
.formulaire .merci h2{margin-top:0;padding-top:0;border:0}
.formulaire .merci .bouton{max-width:380px;margin-top:14px}
.autres-moyens{margin-top:34px;font-size:14px;color:var(--gris2)}
@media (max-width:560px){.formulaire .deux{grid-template-columns:1fr}}
main h3{font-size:17px;font-weight:500;margin:24px 0 6px}
.encart{display:block;border:1px solid #FCFBF9;padding:16px 18px;margin:28px 0 8px;color:inherit;text-decoration:none;line-height:1.5}
.encart strong{display:block;font-size:18px;margin-bottom:4px}
.encart:hover{background:#FCFBF9;color:#14140F}