*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.72 Arial,sans-serif;background:#eef4f7;color:#22282a}.wrap{max-width:1180px;margin:auto;padding:0 24px}header{position:sticky;top:0;z-index:10;background:#ffffffef;padding:17px 0}.nav{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.logo{font-weight:900;font-size:21px;color:#24628b}.logo small{display:block;font-size:10px;letter-spacing:1.5px;color:#24628b}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:9px 15px;text-decoration:none;color:#22282a;border:1px solid #24628b;background:#24628b22;border-radius:0}.hero{min-height:670px;display:grid;align-items:center;background:linear-gradient(90deg,#eef4f7f7,#eef4f780),url('photos/ciboure-couvreur.jpg') center/cover;clip-path:inset(0)}.heroIn{max-width:790px;padding:85px 0 125px}.eyebrow{color:#24628b;font-weight:900;letter-spacing:2px}h1{font:900 clamp(42px,6vw,73px)/1.02 Arial}h2{font-size:clamp(29px,4vw,44px);line-height:1.15}.btn{display:inline-block;background:#24628b;color:white;text-decoration:none;font-weight:bold;padding:14px 22px;border-radius:0;margin:8px}.intro{max-width:900px;padding:75px 0 20px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:35px 0 75px}.card{padding:29px;background:#fff;border:1px solid #24628b55;border-radius:0;box-shadow:0 15px 40px #0001}.feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:70px 0}.photo{width:100%;height:420px;object-fit:cover;clip-path:inset(0)}.zone{margin:20px 0 70px;padding:48px;background:#24628b;color:white;border-radius:0}footer{background:#11181c;color:white;padding:35px 0}@media(max-width:760px){.nav{justify-content:center}.logo{width:100%;text-align:center}nav{justify-content:center}.services,.feature{grid-template-columns:1fr}.hero{min-height:550px;clip-path:none}.photo{clip-path:none;border-radius:24px;height:300px}}