@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap');

:root{--ivory:#f7f3eb;--paper:#fffdf8;--ink:#2e302d;--muted:#6f7069;--ochre:#b78a42;--ochre2:#d6b87c;--sage:#596157;--line:#ded7ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--ivory);color:var(--ink);line-height:1.65}h1,h2,h3,.brand{font-family:'Italiana',Georgia,serif;font-weight:400}h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.96;margin:.15em 0 .35em;letter-spacing:-.035em}h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;margin:.2em 0 .5em}h3{font-size:1.35rem;margin:.2em 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--ochre);font-weight:700}.wrap{width:min(1180px,90vw);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(247,243,235,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:1.35rem;letter-spacing:.08em}.brand small{display:block;font:500 .57rem 'DM Sans',Arial,sans-serif;letter-spacing:.22em;color:var(--ochre)}.links{display:flex;align-items:center;gap:25px}.links a{text-decoration:none;color:var(--ink);font-size:.88rem}.btn{display:inline-block;background:var(--sage);color:white!important;text-decoration:none;padding:13px 21px;border-radius:2px;font-size:.82rem;letter-spacing:.05em;border:0;cursor:pointer}.btn.gold{background:var(--ochre)}.hero{min-height:730px;display:grid;grid-template-columns:1.02fr .98fr}.hero-copy{display:flex;align-items:center;padding:70px max(5vw,30px)}.hero-copy p{font-size:1.08rem;max-width:590px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-img{background:url('images/massage-01.jpg') center/cover no-repeat;min-height:620px;position:relative}.hero-img:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,235,.16),transparent 30%)}section{padding:105px 0}.intro{text-align:center;max-width:820px;margin:auto}.intro p{font-size:1.12rem;color:var(--muted)}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}.trust div{background:var(--paper);padding:34px}.trust strong{display:block;font-family:'Italiana',Georgia,serif;font-size:1.35rem;font-weight:400}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.photo{width:100%;height:620px;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.card{background:var(--paper);padding:32px;border:1px solid var(--line);min-height:190px}.card p{color:var(--muted);margin-bottom:0}.band{background:#3f463f;color:#fff}.band .eyebrow{color:#dfc28b}.band p{color:#e7e6df}.anatomy{background:var(--paper)}.anatomy img{width:100%;max-width:950px;display:block;margin:45px auto 0}.prices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.price{background:var(--paper);border:1px solid var(--line);padding:40px}.price .amount{font:400 2rem 'Italiana',Georgia,serif;color:var(--ochre)}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:260px;gap:12px;margin-top:40px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:span 2}.about img{height:650px;object-fit:cover;width:100%}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.review{background:var(--paper);padding:30px;border:1px solid var(--line)}.stars{color:var(--ochre);letter-spacing:.1em}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contactbox{background:var(--paper);padding:38px;border:1px solid var(--line)}label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}input,textarea{width:100%;border:0;border-bottom:1px solid #bcb7ac;background:transparent;padding:12px 0;margin:4px 0 20px;font:inherit}textarea{min-height:110px;resize:vertical}.note{font-size:.88rem;color:var(--muted)}footer{padding:38px 0;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}@media(max-width:850px){.links a:not(.btn){display:none}.hero{grid-template-columns:1fr}.hero-img{min-height:430px;order:-1}.hero-copy{padding:55px 6vw}.split,.contact{grid-template-columns:1fr;gap:38px}.cards,.reviews,.trust{grid-template-columns:1fr}.prices{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.gallery img:first-child{grid-column:span 2;grid-row:auto}.photo,.about img{height:480px}section{padding:75px 0}}
/* V1.1 */
.card h3{color:var(--ink)}
.band .card p{color:var(--muted)}
.menu-toggle{display:none;background:transparent;border:0;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px 0}
@media(max-width:850px){
  .navin{position:relative}
  .menu-toggle{display:block;margin-left:auto}
  .links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:18px 5vw 24px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .links.open{display:flex}
  .links a:not(.btn){display:block;padding:11px 0}
  .links .btn{text-align:center;margin-top:8px}
}

/* V1.2 SEO/GEO + enrichissement photo */
.hero h1 span{font-size:.55em;line-height:1.08;display:inline-block;margin-top:.22em;color:var(--muted)}
.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:30px}.credentials div{padding:20px;background:rgba(255,255,255,.06)}.credentials strong,.credentials span{display:block}.credentials strong{font-family:'Italiana',Georgia,serif;font-weight:400}.credentials span{font-size:.78rem;color:#e7e6df;margin-top:5px}
.photo-story{background:#eee5d7}.photo-story-grid{display:grid;grid-template-columns:1fr .9fr 1fr;gap:24px;align-items:center}.photo-story-grid img{width:100%;height:520px;object-fit:cover}.photo-story-copy{padding:35px;text-align:center}.photo-story-copy p{color:var(--muted)}
.faq{background:var(--paper)}.faqwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faqitems details{border-top:1px solid var(--line);padding:20px 0}.faqitems details:last-child{border-bottom:1px solid var(--line)}.faqitems summary{cursor:pointer;font-family:'Italiana',Georgia,serif;font-size:1.15rem}.faqitems p{color:var(--muted);margin-bottom:0}
@media(max-width:850px){.credentials{grid-template-columns:1fr}.photo-story-grid{grid-template-columns:1fr}.photo-story-grid img{height:400px}.photo-story-copy{padding:15px 0}.faqwrap{grid-template-columns:1fr;gap:25px}}

/* V1.3 — vert doux, avis Google et formulaire Netlify */
:root{--sage:#667468}
.reviews-action{text-align:center;margin-top:32px}.google-reviews{padding:14px 25px}.hidden-field{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* V1.4 — identité premium, dans la continuité d’OM Voyages */
.navin{height:96px}
.brand-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand-logo img{display:block;width:82px;height:82px;object-fit:contain;border-radius:50%}
.links a{font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:.035em}
.btn{font-family:'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:500;padding:14px 22px}
.eyebrow{font-family:'DM Sans',sans-serif;letter-spacing:.23em;font-weight:500}
h1,h2{letter-spacing:-.018em}
.card,.price,.review,.contactbox{box-shadow:0 10px 34px rgba(45,48,45,.035)}
.review{border-top:2px solid rgba(183,138,66,.55)}
@media(max-width:850px){.navin{height:78px}.brand-logo img{width:66px;height:66px}}

/* V1.5 — logo signature plus grand, sans cartouche visuel */
.nav{overflow:visible}
.navin{position:relative;overflow:visible}
.brand-logo{position:relative;z-index:30;align-self:flex-start}
.brand-logo img{
  width:154px;
  height:154px;
  max-width:none;
  object-fit:contain;
  border-radius:0;
  mix-blend-mode:multiply;
  transform:translateY(10px);
  filter:contrast(1.02);
}
@media(max-width:850px){
  .nav{position:relative;background:rgba(247,243,235,.94)}
  .navin{height:82px}
  .brand-logo img{
    width:128px;
    height:128px;
    transform:translateY(7px);
  }
  .menu-toggle{position:relative;z-index:40}
  .hero{position:relative}
  .hero-img{position:relative;z-index:1}
  .hero-copy{position:relative;z-index:2}
}

/* V1.6 — logo transparent centré à gauche + navigation alignée au visuel */
.navin{width:100%;max-width:none;margin:0;padding:0 max(5vw,30px) 0 calc(51% + 30px);justify-content:flex-start}
.links{width:100%;justify-content:flex-start}
.hero-copy{padding-top:42px}
.hero-copy-inner{width:100%;max-width:650px}
.hero-logo{display:block;width:190px;margin:0 auto 4px;text-decoration:none}
.hero-logo img{display:block;width:100%;height:auto;mix-blend-mode:normal}
.hero-location{display:block;text-align:center;margin:0 auto 24px}
@media(max-width:1100px) and (min-width:851px){
  .navin{padding-left:calc(51% + 16px);padding-right:16px}
  .links{gap:14px}.links a{font-size:.8rem}.btn{padding:12px 14px}
  .hero-logo{width:170px}
}
@media(max-width:850px){
  .navin{width:min(90vw,1180px);margin:auto;padding:0;justify-content:flex-end}
  .hero-copy{padding-top:72px}
  .hero-copy-inner{position:relative}
  .hero-logo{width:145px;margin:-138px auto 6px;position:relative;z-index:5}
  .hero-location{position:relative;z-index:5;margin-bottom:30px}
  .links{width:auto}
}

/* V1.7 — logo à cheval sur navigation/hero + menu desktop sur une ligne */
@media (min-width:851px){
  .nav{overflow:visible}
  .navin{height:96px;padding-left:calc(51% + 22px);padding-right:max(2.2vw,18px)}
  .links{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:clamp(12px,1.35vw,22px);white-space:nowrap}
  .links a{white-space:nowrap;font-size:clamp(.72rem,.76vw,.86rem)}
  .links .btn{white-space:nowrap;padding:13px clamp(13px,1.3vw,21px);font-size:clamp(.65rem,.67vw,.72rem)}
  .hero{position:relative;overflow:visible}
  .hero-copy{position:relative;padding-top:150px}
  .hero-logo{position:absolute;z-index:30;top:-104px;left:50%;transform:translateX(-50%);width:250px;margin:0}
  .hero-logo img{width:100%;height:auto;display:block}
  .hero-location{margin:0 auto 28px;text-align:center}
}
@media (max-width:1180px) and (min-width:851px){
  .navin{padding-left:calc(51% + 14px);padding-right:12px}
  .links{gap:11px}
  .links a{font-size:.72rem}
  .links .btn{padding:11px 12px;font-size:.62rem;letter-spacing:.08em}
  .hero-logo{width:230px;top:-96px}
  .hero-copy{padding-top:140px}
}
@media (max-width:850px){
  .hero{position:relative;overflow:visible}
  .hero-copy{padding-top:105px}
  .hero-logo{position:absolute;z-index:8;top:-92px;left:50%;transform:translateX(-50%);width:185px;margin:0}
  .hero-location{margin:0 auto 28px;text-align:center}
  .links a,.links .btn{white-space:nowrap}
}

/* V1.8 — finitions navigation + équilibre sous logo */
@media (min-width:1181px){
  .links{gap:clamp(14px,1.45vw,24px)}
  .links a{font-size:clamp(.84rem,.88vw,.98rem)}
  .links .btn{font-size:clamp(.72rem,.76vw,.84rem);padding:13px clamp(14px,1.25vw,20px)}
  .hero-location{margin:38px auto 38px;text-align:center}
}
@media (max-width:1180px) and (min-width:851px){
  .links a{font-size:.76rem}
  .links .btn{font-size:.66rem}
  .hero-location{margin:34px auto 34px;text-align:center}
}

/* V1.9 — remonter uniquement le libellé sous le logo */
@media (min-width:1181px){
  .hero-location{margin:18px auto 38px}
}
@media (max-width:1180px) and (min-width:851px){
  .hero-location{margin:18px auto 34px}
}
\n\n/* V2.0 — micro-ajustement desktop + correction du logo mobile */
.mobile-logo{display:none}
@media (min-width:1181px){
  /* descend uniquement le logo de quelques pixels */
  .hero-logo{top:-98px}
}
@media (max-width:1180px) and (min-width:851px){
  .hero-logo{top:-90px}
}
@media (max-width:850px){
  .nav{position:relative;z-index:40}
  .navin{height:112px;width:100%;padding:0 22px;display:flex;align-items:center;justify-content:space-between}
  .mobile-logo{display:flex;align-items:center;justify-content:flex-start;width:118px;height:104px;text-decoration:none;position:relative;z-index:42}
  .mobile-logo img{display:block;width:118px;height:auto;max-height:104px;object-fit:contain}
  .menu-toggle{margin-left:auto;z-index:43}
  .links{top:112px;z-index:41}
  /* le logo du hero est réservé au desktop : évite sa réapparition après la photo */
  .hero-logo{display:none}
  .hero-copy{padding-top:55px}
  .hero-location{margin:0 auto 28px;text-align:center}
}

/* V2.1 — séparation stricte desktop/mobile + libellé légèrement agrandi */
@media (min-width:851px){
  .mobile-logo{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important;position:absolute !important;pointer-events:none !important}
  .mobile-logo img{display:none !important;width:0 !important;height:0 !important;max-width:0 !important}
  .hero-logo{display:block !important}
  .hero-location{font-size:.82rem;letter-spacing:.22em}
}
@media (min-width:1181px){
  .hero-logo{top:-98px}
}
@media (max-width:1180px) and (min-width:851px){
  .hero-logo{top:-90px}
  .hero-location{font-size:.79rem}
}
@media (max-width:850px){
  .mobile-logo{display:flex !important;visibility:visible !important;width:118px !important;height:104px !important;position:relative !important;overflow:visible !important;pointer-events:auto !important}
  .mobile-logo img{display:block !important;width:118px !important;height:auto !important;max-width:118px !important;max-height:104px !important;object-fit:contain !important}
  .hero-logo{display:none !important}
  .hero-location{font-size:.78rem;letter-spacing:.19em}
}

/* V2.2 — ajustements exclusivement mobiles; desktop V2.1 inchangé */
.mobile-header-title{display:none}
@media (max-width:850px){
  .navin{position:relative}
  .mobile-header-title{
    display:flex;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:var(--ochre);
    text-transform:uppercase;
    line-height:1.25;
    pointer-events:none;
    white-space:nowrap;
  }
  .mobile-header-title span{
    font-size:.72rem;
    letter-spacing:.12em;
    font-weight:500;
  }
  .mobile-header-title small{
    margin-top:5px;
    font-size:.66rem;
    letter-spacing:.20em;
    font-weight:500;
  }
  /* Le libellé est désormais dans le header mobile. */
  .hero-location{display:none !important}
  /* Remonte le grand titre après la photo. */
  .hero-copy{padding-top:32px !important}
}

/* V2.3 — finition responsive uniquement mobile; desktop V2.1 strictement inchangé */
@media (max-width:850px){
  /* Header : libère davantage d'espace entre le logo et le libellé central. */
  .navin{padding-left:8px !important;padding-right:20px !important}
  .mobile-logo{
    width:108px !important;
    height:104px !important;
    transform:translateX(-9px);
  }
  .mobile-logo img{
    width:108px !important;
    max-width:108px !important;
    max-height:102px !important;
  }
  .mobile-header-title{left:52%}

  /* Rythme vertical mobile plus homogène et premium. */
  section{padding:58px 0}
  .hero-copy{padding:28px 6vw 46px !important}
  .hero-copy h1{margin-top:0;margin-bottom:.28em}
  .hero-copy p{margin-top:0;margin-bottom:0}
  .hero-actions{margin-top:22px}
  .intro h2,.split h2,.faq h2,.contact h2{margin-bottom:.38em}
  .intro p{margin-top:0}
  .trust{margin-top:34px}
  .trust div{padding:26px}
  .split,.contact{gap:28px}
  .cards{margin-top:30px;gap:14px}
  .card{padding:26px;min-height:0}
  .prices{margin-top:30px;gap:14px}
  .price{padding:30px}
  .gallery{margin-top:28px;gap:10px}
  .reviews{margin-top:28px;gap:14px}
  .review{padding:26px}
  .reviews-action{margin-top:24px}
  .credentials{margin-top:24px}
  .credentials div{padding:17px}
  .photo-story-grid{gap:18px}
  .photo-story-copy{padding:4px 0 8px}
  .faqwrap{gap:18px}
  .faqitems details{padding:17px 0}
  .contactbox{padding:28px}
}