/*FONTS https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Libre+Caslon+Text:ital@0;1&display=swap */
/* CONTEMPORAIN : premium épuré (électricien domotique, cuisiniste, paysagiste haut de gamme, architecte d'intérieur).
   Beaucoup de blanc, titrage grand et léger, touches serif italiques, monochrome + accent profond. */

:root {
  --bg: #FFFFFF;
  --surface: #FAFAF9;
  --ink: #17181A;
  --muted: #6E7075;
  --line: #E4E4E2;
  --accent: #1F3A34;
  --accent-fonce: #1F3A34;
  --sur-accent: #F4F6F5;
  --font-display: "Instrument Sans", "Segoe UI", sans-serif;
  --font-body: "Instrument Sans", "Segoe UI", sans-serif;
  --poids-titre: 500;
  --radius: 2px;
  --radius-img: 0;
  --header-bg: #FFFFFF;
  --apropos-bg: #FAFAF9;
  --champ-bg: #FFFFFF;
  --vitesse-reveal: 0.8s;
  --sobre-bg: #1F3A34;
  --sobre-ink: #F4F6F5;
  --sobre-accent: #A8C7BC;
}

h1 { letter-spacing: -0.025em; font-size: clamp(2.4rem, 6vw, 4.2rem); }
h2 { letter-spacing: -0.02em; font-size: clamp(1.7rem, 3.4vw, 2.5rem); }

.hero-metier {
  font-family: "Libre Caslon Text", Georgia, serif;
  font-style: italic; text-transform: none; letter-spacing: 0;
  font-size: 1.05rem; font-weight: 400; color: var(--muted);
}
.hero-plein .hero-metier { color: #E9ECEA; }
.hero-sous { font-weight: 400; }

.btn {
  text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.12em;
  font-weight: 600; padding: 15px 30px;
}
.btn-contour { border-width: 1px; }

.section-inner { padding-top: clamp(80px, 11vw, 140px); padding-bottom: clamp(80px, 11vw, 140px); }

.service { border-top: 1px solid var(--ink); padding: 40px 0; }
.service:last-child { border-bottom: 1px solid var(--ink); }
.service h3 { font-weight: 500; font-size: 1.3rem; letter-spacing: -0.01em; }

figcaption { font-family: "Libre Caslon Text", Georgia, serif; font-style: italic; }

.contact-tel { font-weight: 500; letter-spacing: -0.02em; }
.contact { border-top: 1px solid var(--line); }

/* réglages de style de la fiche */
.site-header { background: #ffffff; }
.site-header .brand-logo { background: transparent; padding: 0; }

/* accent client */
:root { --accent: #1a365d; --accent-fonce: #0d1a2d; --sur-accent: #FFFFFF; --sobre-bg: #101a28; --sobre-accent: #79a5e2; }