:root{--ocean:#123C4A;--sage:#6D9690;--sand:#D5BC91;--cream:#F4F0E7;--ink:#30312D}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Nunito Sans',sans-serif;background:var(--cream);color:var(--ocean)}a{color:inherit;text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px max(5%,calc((100vw - 1300px)/2));background:var(--cream);position:relative;z-index:3}.wordmark{font-size:27px;font-weight:900;letter-spacing:-2px}.dot{color:var(--sage)}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:800}nav a:hover{text-decoration:underline}.navcta{background:var(--ocean);color:white;padding:12px 20px;border-radius:30px}.hero{background:var(--ocean);color:var(--cream);overflow:hidden;position:relative}.hero-inner{max-width:1300px;margin:auto;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 5% 100px;gap:20px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}.eyebrow span{color:var(--sand);margin-left:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.2vw,78px);letter-spacing:-3.5px;line-height:1.06;margin:28px 0}h1 em,h2 em{font-style:normal;color:var(--sand)}.lead{font-size:18px;line-height:1.75;max-width:500px;color:#e3e9e5}.button{border:0;display:inline-flex;justify-content:space-between;gap:35px;align-items:center;font:800 14px 'Nunito Sans',sans-serif;cursor:pointer;border-radius:40px;padding:17px 25px}.primary{background:var(--sand);color:var(--ocean)}.button:hover{filter:brightness(1.08)}.small-note{font-size:12px;color:#c7d4d1;margin-top:20px}.hero-art{position:relative;min-height:500px;display:grid;place-items:center}.hero-art img{width:110%;max-width:690px;position:relative;z-index:2;filter:drop-shadow(0 20px 25px #0b263255)}.circle{position:absolute;border-radius:50%;width:440px;height:440px;background:#255566}.circle-two{width:340px;height:340px;background:#396c70;left:10%;top:0;opacity:.45}.art-stamp{position:absolute;z-index:2;right:-10px;bottom:35px;border:2px solid var(--sand);border-radius:50%;height:116px;width:116px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:12px;line-height:1.35;transform:rotate(12deg);color:var(--sand)}.wave{height:50px;background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0;margin-top:-24px;position:relative}.section{max-width:1300px;margin:auto;padding:100px 5%}.section-heading{max-width:650px;margin-bottom:40px}.section-heading h2,.manifesto h2,.contact h2{font-size:clamp(38px,4vw,60px);line-height:1.15;letter-spacing:-2px;margin:15px 0 20px}.section-heading h2 em{color:var(--sage)}.section-heading>p:last-child{line-height:1.7;color:#526b6c}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{border-radius:18px;min-height:340px;padding:38px;display:flex;flex-direction:column;align-items:flex-start}.service-card.dark{background:var(--ocean);color:white}.service-card.sage{background:#c4d7ce;color:var(--ocean)}.service-icon{font-size:52px;line-height:1}.service-number{font-size:11px;font-weight:900;letter-spacing:2px;margin-top:20px}.service-card h3{font-size:34px;margin:16px 0 10px;letter-spacing:-1px}.service-card p{max-width:420px;line-height:1.7;opacity:.85}.service-card a{margin-top:auto;font-weight:900;font-size:13px;text-decoration:underline;text-underline-offset:5px}.manifesto{text-align:center;background:var(--sand);padding:85px 20px}.manifesto-symbol{font-size:60px;color:var(--ocean)}.manifesto h2{max-width:760px;margin:20px auto}.manifesto>p:last-child{max-width:610px;margin:0 auto;line-height:1.8}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps-grid>div{border-top:2px solid var(--ocean);padding-top:25px}.steps-grid span{font-weight:900;color:var(--sage);font-size:22px}.steps-grid h3{font-size:24px;margin:18px 0 10px}.steps-grid p{line-height:1.7;color:#53666a}.contact{background:var(--ocean);color:white;padding:100px 5%}.contact-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2 em{color:var(--sand)}.contact-inner>div:first-child>p:not(.eyebrow){line-height:1.8;color:#d5e0dd;max-width:460px}.contact-note{border-top:1px solid #ffffff44;padding-top:25px;margin-top:50px;color:var(--sand);font-size:13px}.contact-panel{background:var(--cream);color:var(--ocean);padding:34px;border-radius:16px}.contact-panel h3{font-size:25px;margin-bottom:8px}.contact-panel p{font-size:13px;line-height:1.6}.contact-panel label{display:block;font-size:12px;font-weight:900;margin:20px 0 7px}.contact-panel select,.contact-panel textarea{width:100%;padding:12px;border:1px solid #b5c4bf;border-radius:7px;background:white;color:var(--ocean);font:inherit}.contact-panel .button{width:100%;margin-top:22px}.form-note{color:#526b6c;margin-top:12px}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}@media(max-width:850px){nav{gap:12px}nav a:not(.navcta){display:none}.hero-inner,.contact-inner{grid-template-columns:1fr}.hero-inner{padding-top:75px}.hero-art{min-height:360px}.hero-art img{width:100%}.circle{width:300px;height:300px}.circle-two{width:220px;height:220px}.art-stamp{right:5%;bottom:0}.service-grid,.steps-grid{grid-template-columns:1fr}.section{padding:70px 6%}.contact{padding:70px 6%}.contact-inner{gap:35px}footer{flex-wrap:wrap}h1{letter-spacing:-2px}}

/* SALKY — bulles d'eau douces et superposees */

.hero-art {
  background: transparent !important;
  border-radius: 0 !important;
  min-height: 500px;
  padding: 0 !important;
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  overflow: visible;
}
.hero-art .circle,
.hero-art .circle-one {
  display: block !important;
  background: radial-gradient(circle at 38% 30%, #a9e0e5 0%, #78c8d3 45%, #5daebf 76%, #5daebf99 100%) !important;
  width: min(510px, 105%);
  aspect-ratio: 1;
  height: auto;
  border-radius: 50%;
  opacity: .92;
  filter: blur(13px);
  position: absolute;
  z-index: 0;
}
.hero-art .circle-two {
  display: block !important;
  background: radial-gradient(circle at 40% 35%, #b4e4e6 0%, #87cbd0 55%, #6db9c5 100%) !important;
  width: min(405px, 85%);
  aspect-ratio: 1;
  height: auto;
  border-radius: 50%;
  opacity: .72;
  filter: blur(17px);
  left: 5%;
  top: 0;
  position: absolute;
  z-index: 0;
}
.hero-art img {
  width: 110% !important;
  max-width: 690px;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 5px 10px #123c4a33) !important;
}
.hero-art .art-stamp {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 15px;
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  padding: 9px;
  box-sizing: border-box;
  border: 2px solid #123C4A;
  border-radius: 50%;
  background: #D5BC91;
  color: #123C4A;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
  transform: rotate(-8deg);
  box-shadow: 0 5px 16px #123c4a33;
}
@media (max-width: 850px) {
  .hero-art { min-height: 360px; }
  .hero-art img { width: 100% !important; }
  .hero-art .circle, .hero-art .circle-one { width: min(350px, 100%); }
  .hero-art .circle-two { width: min(275px, 82%); }
  .hero-art .art-stamp { right: 2%; bottom: 0; }
}

/* SALKY — grands halos lagon */
.hero-art .circle, .hero-art .circle-one { width: 650px !important; height: 650px !important; max-width: none !important; left: 8% !important; top: 50% !important; transform: translateY(-50%); }
.hero-art .circle-two { width: 530px !important; height: 530px !important; max-width: none !important; left: -12% !important; top: -5% !important; }
@media (max-width: 850px) { .hero-art .circle, .hero-art .circle-one { width: 390px !important; height: 390px !important; left: 5% !important; } .hero-art .circle-two { width: 320px !important; height: 320px !important; left: -8% !important; top: 0 !important; } }
.contact-panel {
  display: none !important;
}
.contact-note + .button {
  display: table;
  margin-top: 28px;
}