*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.72 Arial,sans-serif;background:#f4f5ec;color:#20272a}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;background:#ffffffef;padding:15px 0;backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.logo{text-align:right;font-weight:900;font-size:21px;color:#367347}
.mark{display:inline-block;width:48px;height:35px;border:6px solid #367347;border-bottom:0;transform:skew(-25deg);vertical-align:middle;margin-right:10px}
.logo small{display:block;font-size:9px;letter-spacing:1.7px;color:#367347}
nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:9px 14px;text-decoration:none;color:#20272a;border:1px solid #367347;border-radius:38px 8px}
.hero{min-height:650px;display:grid;align-items:center;background:linear-gradient(90deg,#f4f5ecf8,#f4f5ec78),url('photos/cozes-toiture.jpg') center/cover;clip-path:polygon(0 0,100% 0,100% 88%,86% 97%,68% 90%,51% 99%,33% 91%,15% 98%,0 90%)}
.heroIn{max-width:790px;padding:85px 0 120px}.tag{font-weight:900;letter-spacing:2px;color:#367347}
h1{font:900 clamp(42px,6vw,72px)/1.03 Georgia}h2{font-size:clamp(29px,4vw,45px);line-height:1.14}
.btn{display:inline-block;background:#367347;color:white;text-decoration:none;font-weight:bold;padding:14px 22px;border-radius:38px 8px;margin:8px 8px 0 0}
.lead{padding:75px 0 15px;max-width:900px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:35px 0 75px}
.card{padding:30px;background:#fff;border:1px solid #367347;border-radius:38px 8px;box-shadow:0 15px 40px #0001}.card span{font-size:34px;font-weight:900;color:#367347}
.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:ellipse(48% 44%)}
.zone{padding:48px;background:#367347;color:white;border-radius:38px 8px;margin:20px 0 75px}footer{background:#10171b;color:white;padding:35px 0}
@media(max-width:780px){.nav{justify-content:center}.logo{width:100%;text-align:center}nav{justify-content:center}.cards,.feature{grid-template-columns:1fr}.hero{min-height:540px;clip-path:none}.photo{clip-path:none;border-radius:24px;height:300px}}