/*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;
  /* Alternance des fonds : une section sur deux (base.css, classes bande-a / bande-b
     posées par build.js selon le RANG de la section, pas son nom). */
  --bande-a: #FFFFFF;
  --bande-b: #FAFAF9;
  --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;
  --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 */
:root { --radius-img: 0; --radius-photo: 0; --radius: 4px; }

/* accent client */
:root { --accent: #9a7b4f; --accent-fonce: #725b3a; --sur-accent: #FFFFFF; --sobre-bg: #251e13; --sobre-accent: #ceb38d; }

/* DA libre du client (content.json → style.css) */
.site-header { font-family: 'Playfair Display', serif; } h1, h2, h3 { font-family: 'Playfair Display', serif; } .hero-actions .btn-plein { font-size: 0 !important; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .hero-actions .btn-plein::before { content: ''; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.07M12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E") no-repeat center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.07M12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E") no-repeat center/contain; } .hero-actions .btn-plein::after { content: 'Instagram'; font-size: 1rem; font-family: 'Inter', sans-serif; font-weight: 500; }