:root{
  --forest:#0b4a40;
  --forest-dark:#06372f;
  --sage:#edf4ef;
  --cream:#fbfaf5;
  --ivory:#fffefb;
  --ink:#19332c;
  --muted:#51625c;
  --line:#d7e0db;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1320px,calc(100% - 48px));margin:auto}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.06;color:var(--forest);margin-top:0}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:#315d52}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--forest);text-decoration:none;border-radius:2px;font-weight:600}
.btn.primary{background:var(--forest);color:white}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* header */
header{background:white;border-bottom:1px solid #edf0ed;position:sticky;top:0;z-index:20}
.nav{min-height:100px;display:grid;grid-template-columns:280px 1fr auto;gap:26px;align-items:center}
.brand img{width:260px;height:auto}
.navlinks{display:flex;justify-content:center;gap:26px;align-items:center;font-size:14px}
.navlinks a{text-decoration:none;white-space:nowrap}
.navlinks a:hover{text-decoration:underline;text-underline-offset:6px}

/* hero */
.hero{width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:44% 30% 26%;min-height:600px;background:var(--cream);overflow:hidden}
.hero-copy{padding:66px 48px 58px 58px;background:
radial-gradient(circle at 12% 12%,rgba(17,77,65,.08),transparent 28%),
linear-gradient(90deg,#fbfaf5,#f7f5ee)}
.hero-copy h1{font-size:62px;margin:22px 0 24px}
.hero-copy p{font-size:18px;max-width:620px;color:#31483f}
.hero-photo{height:600px;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 27%}
.hero-art{height:600px;position:relative;background:var(--sage);overflow:hidden}
.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-art .statement{position:absolute;left:13%;top:50%;font:italic 32px/1.2 Georgia,"Times New Roman",serif;color:var(--forest)}
.hero-art .rule{position:absolute;left:13%;top:76%;width:44px;border-top:2px solid var(--forest)}

/* principles */
.principles{width:min(1440px,100%);margin:auto;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.principle{text-align:center;padding:20px 28px 28px;border-right:1px solid var(--line)}
.principle:last-child{border-right:0}
.principle img{width:118px;height:118px;margin:0 auto 10px}
.principle strong{display:block;font-size:12px;letter-spacing:.16em;color:var(--forest);margin-bottom:6px}
.principle p{margin:0 auto;max-width:230px;color:#4d615a;font-size:14px}

/* about */
.home-about{width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;background:white}
.home-about-copy{padding:64px 60px}
.home-about-copy h2{font-size:48px;margin-bottom:22px}
.home-about-copy p{font-size:16px}
.home-lake{min-height:520px}
.home-lake img{width:100%;height:100%;object-fit:cover}

/* services */
.services{padding:42px 0 36px;background:white}
.services h2{font-size:44px;margin-bottom:26px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service{padding:26px 26px 30px;border-right:1px solid var(--line);min-height:300px}
.service:last-child{border-right:0}
.service img{width:136px;height:136px;margin:0 auto 14px}
.service strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);margin-bottom:8px}
.service p{font-size:14px;color:#4d615a;margin:0 0 12px}
.service a{font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* quote strip */
.quote-band{width:min(1440px,100%);margin:auto;position:relative;min-height:150px;background:linear-gradient(90deg,#e9f1eb,#f4f7f4,#e9f1eb);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.quote-band .quote{position:relative;z-index:2;font:italic 31px/1.3 Georgia,"Times New Roman",serif;color:var(--forest)}
.quote-band img{position:absolute;bottom:0;width:360px;height:140px;object-fit:contain}
.quote-band .left{left:0}.quote-band .right{right:0}

/* inner pages */
.page-hero{background:var(--cream);padding:70px 0 60px;border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
.page-hero h1{font-size:54px;margin:14px 0 22px}
.page-lead{font-size:19px;color:#40544d;max-width:780px}
.page-icon{width:210px;height:210px;margin:auto}
.section{padding:70px 0}.section.soft{background:#f2f6f2}.section.white{background:white}
.section h2{font-size:40px}.section h3{font-size:25px}
.content{max-width:900px}.content-wide{max-width:1080px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.card{padding:26px;background:white;border:1px solid var(--line)}
.callout{border-left:3px solid var(--forest);background:#f1f5f1;padding:22px 24px;margin:28px 0}
.role-wall{background:var(--forest);color:white;padding:32px;margin-top:32px}
.role-wall h2,.role-wall h3{color:white}
.profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}
.profile-photo{width:100%;max-height:720px;object-fit:cover;object-position:center 25%}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.contact-card{background:white;border:1px solid var(--line);padding:28px}
.small{font-size:13px;color:#68766f}
.legal h2{font-size:32px;margin-top:38px}

/* footer */
footer{background:var(--forest-dark);color:#eef5f1;padding:34px 0 20px}
.footer-main{display:grid;grid-template-columns:300px 1fr 230px;gap:32px;align-items:center}
.footer-logo img{width:260px}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:13px}
.footer-nav a{color:white;text-decoration:none}
.footer-contact{text-align:right;font-size:13px}.footer-contact a{color:white}
.footer-legal{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
.footer-legal a{color:white}

@media(max-width:1050px){
 .nav{grid-template-columns:230px 1fr auto}.brand img{width:220px}.navlinks{gap:15px;font-size:13px}
 .hero-copy h1{font-size:50px}
}
@media(max-width:900px){
 .wrap{width:min(100% - 36px,760px)}
 .nav{grid-template-columns:1fr auto}.navlinks{display:none}
 .hero{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;padding:52px 28px}.hero-photo,.hero-art{height:500px}
 .principle-grid,.service-grid{grid-template-columns:1fr 1fr}
 .principle:nth-child(2),.service:nth-child(2){border-right:0}
 .home-about{grid-template-columns:1fr}.home-about-copy{padding:54px 32px}
 .page-hero-grid,.profile-grid,.footer-main{grid-template-columns:1fr}
 .page-icon{margin:0;width:160px;height:160px}.footer-nav{justify-content:flex-start}.footer-contact{text-align:left}
 .contact-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .wrap{width:min(100% - 28px,560px)}
 .hero{grid-template-columns:1fr}.hero-copy h1{font-size:40px}.hero-photo,.hero-art{height:430px}
 .principle-grid,.service-grid,.cards{grid-template-columns:1fr}.principle,.service{border-right:0;border-bottom:1px solid var(--line)}
 .quote-band{padding:32px 22px}.quote-band img{display:none}.quote-band .quote{font-size:24px}
 .page-hero h1{font-size:42px}
}

/* V8.1 — vrai HTML/CSS + pictogrammes EXACTS de la maquette */
.principle img{
  width:118px !important;
  height:96px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto 12px !important;
  background:#fff !important;
}
.service img{
  width:126px !important;
  height:126px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto 12px !important;
  background:#fff !important;
}
.home-photo{
  overflow:hidden !important;
}
.home-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 27% !important;
}
.home-art{
  overflow:hidden !important;
  background:#eef4ef !important;
}
.home-art img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.home-lake{
  position:relative !important;
  overflow:hidden !important;
}
.home-lake img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.lake-quote-v81{
  position:absolute;
  left:7%;
  top:14%;
  max-width:390px;
  font:italic 28px/1.25 Georgia,"Times New Roman",serif;
  color:#113f38;
  text-shadow:0 1px 10px rgba(255,255,255,.75);
}
.lake-rule-v81{
  position:absolute;
  left:7%;
  top:48%;
  width:44px;
  border-top:2px solid #0b4a40;
}

/* V8.2 — correction des superpositions et du centrage des pictogrammes */
.principle img{
  width:108px !important;
  height:108px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto 12px !important;
  background:#fff !important;
}
.service img{
  width:122px !important;
  height:122px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto 14px !important;
  background:#fff !important;
}
.page-icon{
  width:170px !important;
  height:170px !important;
  object-fit:contain !important;
}
.home-lake{
  position:relative !important;
  overflow:hidden !important;
}
.home-lake img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.lake-quote-v81{
  left:8% !important;
  top:12% !important;
  max-width:410px !important;
  font-size:27px !important;
  line-height:1.24 !important;
  z-index:2 !important;
}
.lake-rule-v81{
  left:8% !important;
  top:47% !important;
  z-index:2 !important;
}
.hero-art .statement,
.hero-art .rule{
  display:none !important;
}