:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#050608;color:#f5f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:23px max(6%,calc((100vw - 1160px)/2));border-bottom:1px solid #2a2d31;gap:20px}.brand{font-weight:900;font-size:28px;letter-spacing:-1.5px}.brand span{color:#f2f4f6}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;margin-top:4px;color:#a6a8aa}nav{display:flex;gap:26px;font-size:13px;color:#ddd}nav a:hover{color:#f2f4f6}.hero{min-height:580px;padding:110px max(6%,calc((100vw - 1160px)/2)) 90px;background:radial-gradient(ellipse at 90% 35%,#141b24 0%,transparent 48%),#050608}.eyebrow{font-size:12px;letter-spacing:2.8px;color:#f2f4f6;font-weight:bold;margin-bottom:25px}h1{font-size:clamp(42px,6.2vw,78px);letter-spacing:-3px;line-height:1.07;max-width:850px;margin:0 0 30px}h1 em{font-style:normal;color:#f2f4f6}.hero p{max-width:650px;color:#c1c4c7;font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{display:inline-block;padding:16px 24px;border-radius:4px;font-weight:bold;font-size:14px}.primary{background:#f2f4f6;color:#050608}.secondary{border:1px solid #666}.urgent{margin-top:32px;font-size:13px;color:#d7d7d7}.section{padding:90px max(6%,calc((100vw - 1160px)/2))}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;margin:0 0 30px;max-width:740px}h3{font-size:24px;margin:20px 0}.section>p{max-width:760px;line-height:1.8;color:#c1c4c7}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards article{border:1px solid #35393e;border-radius:7px;padding:35px;background:#0d0f12}.num{color:#f2f4f6;font-size:13px;letter-spacing:2px}.cards p{color:#c1c4c7;line-height:1.7}.muted{background:#101216}.contact{background:#121820}.note{font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 6%;color:#aeb2b6;border-top:1px solid #333;font-size:13px}footer strong{color:white}@media(max-width:650px){header{padding:20px 6%;align-items:flex-start;flex-direction:column}nav{gap:20px}.hero{padding-top:75px;min-height:0}h1{letter-spacing:-1.8px}.cards{grid-template-columns:1fr}.section{padding-top:65px;padding-bottom:65px}}
/* Identité CliMazuc : noir, blanc, liseré tricolore */
header{position:relative;background:#050608}header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#173eaa 0 33.33%,#f5f5f5 33.33% 66.66%,#d92332 66.66% 100%)}.brand span{color:#fff}.brand small{color:#b8bdc5}.hero{background:radial-gradient(ellipse at 88% 35%,#161d25,transparent 50%),#050608}.primary{background:#f4f5f6;color:#050608}.eyebrow,.num,h1 em{color:#fff}.cards article{background:#0c0f13}.contact{background:#111820}

.brand{display:block;width:min(430px,100%)}.official-logo{display:block;width:100%;height:auto;mix-blend-mode:lighten}header{background:#050608}.brand span{color:#fff}@media(max-width:650px){.brand{width:min(330px,100%)}}

.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0 30px}.work-gallery a{display:block;background:#1b2027;border-radius:14px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid #343a42}.work-gallery img{display:block;width:100%;height:220px;object-fit:cover}.work-gallery span{display:block;padding:14px 16px;font-weight:700}@media(max-width:700px){.work-gallery{grid-template-columns:1fr 1fr;gap:10px}.work-gallery img{height:170px}.work-gallery a:last-child{grid-column:1/-1}.work-gallery a:last-child img{height:200px}}

.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.contact-links a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow-wrap:anywhere}@media(max-width:650px){.contact-links{flex-direction:column}.contact-links a{width:100%}}

.metier-link{display:inline-block;font-size:14px;font-weight:bold;color:#8ad9ff;text-decoration:underline;text-underline-offset:4px;margin:-10px 0 18px}.metier-link:hover{color:white}