@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap');
:root{--dark:#32302f;--deep:#292827;--beige:#d5bea3;--light:#f1e9dd;--muted:#c6b7a7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--light);font-family:'DM Sans',Arial,sans-serif;font-weight:300;line-height:1.7}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.08;margin:.25em 0 .6em;color:var(--beige)}h1{font-size:clamp(3.3rem,7vw,6.9rem)}h2{font-size:clamp(2.7rem,5vw,4.8rem)}h3{font-size:2.3rem}p{font-size:1.03rem;color:#e2d6c7}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px max(5%,calc((100% - 1240px)/2));border-bottom:1px solid #73665a;background:var(--deep);gap:22px}.brand{font-family:'Cormorant Garamond',serif;font-size:27px;color:var(--beige);white-space:nowrap}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.35em;text-align:center}.nav{display:flex;gap:29px;flex-wrap:wrap;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.nav a:hover{color:var(--beige)}.wrap{width:min(1160px,90%);margin:auto}.eyebrow{font-size:11px;letter-spacing:.27em;text-transform:uppercase;color:var(--beige);font-weight:500}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:670px;align-items:center;gap:45px}.hero-copy{padding:80px 0}.hero-copy p{max-width:530px}.hero-logo{display:flex;align-items:center;justify-content:center;background:transparent}.hero-logo img{display:block;width:min(460px,100%);height:auto}.btn{display:inline-block;border:1px solid var(--beige);padding:15px 24px;color:var(--beige);text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:500;margin:15px 14px 0 0;transition:.2s}.btn:hover,.btn.solid{background:var(--beige);color:var(--deep)}.btn.solid:hover{background:var(--light)}.textlink{color:var(--beige);font-size:12px;text-transform:uppercase;letter-spacing:.12em;text-decoration:underline;text-underline-offset:7px}.section{padding:100px 0;border-top:1px solid #61584f}.center{text-align:center}.center p{max-width:720px;margin:0 auto 25px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.tile{border:1px solid #776858;padding:35px;min-height:280px}.tile .num{font-size:12px;letter-spacing:.16em;color:var(--beige)}.tile p{font-size:15px}.tile a{color:var(--beige);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;}.feature img{width:100%;max-height:620px;object-fit:cover}.feature .copy{padding:30px 0}.lines{margin:28px 0}.lines>div{padding:12px 0;border-bottom:1px solid #77695e;display:flex;justify-content:space-between;gap:15px;color:#e2d6c7}.lines strong{color:var(--beige);font-weight:400}.end{padding:95px 0;text-align:center;background:var(--deep)}footer{border-top:1px solid #6d6258;padding:25px 5%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--beige)}.page{padding:90px 0 110px;min-height:65vh}.page .lead{max-width:790px;font-size:1.15rem}.columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:55px}.panel{border-top:1px solid var(--beige);padding-top:25px}.note{font-size:13px;opacity:.82}.quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(30px,4vw,50px);color:var(--beige);line-height:1.3}.location{color:var(--beige);font-size:1.5rem}.spaced{margin-top:45px}@media(max-width:800px){header{flex-direction:column;padding:18px 5%}.brand{font-size:24px}.nav{gap:13px;justify-content:center;font-size:10px}.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:67px 0 30px}.hero-logo{order:-1;padding-top:10px}.hero-logo img{width:240px}.section{padding:60px 0}.grid3,.feature,.columns{grid-template-columns:1fr}.feature{gap:25px}.feature img{max-height:370px}.tile{min-height:210px}.page{padding:65px 0}footer{justify-content:center;text-align:center}.end{padding:60px 0}}
.page-photo{margin:0}.page-photo img{display:block;width:100%;height:min(66vw,610px);max-height:610px;object-fit:cover;object-position:center 28%}.page-photo figcaption{font-size:12px;color:#c6b7a7;letter-spacing:.08em;margin-top:10px}.melina-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;margin-top:55px}.melina-intro .intro-text{padding:15px 0}.melina-intro h2{font-size:clamp(2.8rem,5vw,4.8rem)}.hero-logo img{mix-blend-mode:normal}
@media(max-width:800px){.melina-intro{grid-template-columns:1fr;gap:25px}.page-photo img{height:510px;max-height:75vh}}

/* Mise à jour identité et réservation */
header{padding-top:12px;padding-bottom:12px;gap:26px}.brand{display:flex;align-items:center;gap:16px;font-size:clamp(27px,2.9vw,41px);line-height:1.02;white-space:normal}.brand img{width:69px;height:84px;object-fit:contain;flex:none}.brand small{margin-top:8px;font-size:9px;letter-spacing:.29em}.nav{align-items:center;gap:20px}.nav-book{border:1px solid var(--beige);padding:10px 14px;color:var(--beige)!important;font-size:11px;white-space:nowrap}.hero{grid-template-columns:1fr;min-height:470px}.hero-copy{padding:92px 0 95px;max-width:850px}.hero-copy h1{font-weight:600}.tarifs-page h1{font-size:clamp(3.5rem,7vw,6rem)}.category-jump{display:flex;flex-wrap:wrap;gap:10px;margin:45px 0 32px}.category-jump a{border:1px solid #796c5f;padding:9px 14px;color:var(--beige);font-size:13px}.category-jump a:hover{background:var(--beige);color:var(--deep)}.catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;align-items:start}.tarif-section{padding:30px;border:1px solid #786a5d;background:#302e2c;scroll-margin-top:30px}.tarif-section h2{font-size:clamp(2rem,3.1vw,3rem);margin:0 0 17px}.price-row{display:flex;justify-content:space-between;gap:22px;padding:10px 0;border-bottom:1px solid #62584e;color:#e7d9c9;font-size:14px;line-height:1.42}.price-row strong{color:var(--beige);font-weight:600;white-space:nowrap}.book-end{padding:75px 0 30px;text-align:center}.book-end h2{font-size:clamp(2.8rem,5vw,4.4rem)}@media(max-width:850px){.catalogue{grid-template-columns:1fr}.brand{font-size:30px}.brand img{width:60px;height:72px}.nav{justify-content:center}.hero-copy{padding:64px 0 75px}.tarif-section{padding:23px}.category-jump a{font-size:12px}}

/* Entête unique et adaptation mobile — octobre 2026 */
html,body{width:100%;max-width:100%;overflow-x:clip}
img{max-width:100%;height:auto}
header{width:100%;max-width:100%;display:flex;align-items:center;gap:24px;padding:14px clamp(18px,4vw,55px)}
.brand{min-width:0;display:inline-flex;gap:16px;align-items:center;flex-shrink:0;font-size:clamp(31px,2.65vw,43px);font-weight:600;line-height:1.05}
.brand img{width:76px;height:92px;object-fit:contain}
.brand span{display:block;white-space:nowrap}
.brand small{font-size:10px;letter-spacing:.25em;margin-top:7px}
.nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.3vw,20px);flex-wrap:wrap}
.nav a{overflow-wrap:normal}
.wrap,.page,.hero,.feature,.melina-intro,.catalogue,.grid3{min-width:0}
.hero-logo{display:none!important}
@media (max-width:1080px){header{flex-direction:column;gap:14px}.nav{justify-content:center;width:100%}}
@media (max-width:700px){
  header{padding:14px 14px 17px;gap:13px}
  .brand{gap:11px;font-size:clamp(27px,7vw,37px);max-width:100%}
  .brand img{width:clamp(50px,15vw,69px);height:76px;flex-shrink:0}
  .brand small{font-size:9px;letter-spacing:.23em}
  .nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 5px;width:100%;align-items:stretch}
  .nav a{font-size:clamp(9px,2.5vw,11px);letter-spacing:.025em;text-align:center;padding:8px 1px;display:flex;align-items:center;justify-content:center;line-height:1.2}
  .nav a:nth-child(3){letter-spacing:0}
  .nav .nav-book{grid-column:1/-1;padding:12px 10px;font-size:12px;margin-top:5px;letter-spacing:.07em}
  .wrap{width:calc(100% - 36px)}
  .hero{display:block;min-height:0}
  .hero-copy{padding:49px 0 61px;max-width:100%}
  .hero-copy h1{font-size:clamp(3.3rem,12.5vw,5.3rem);overflow-wrap:normal}
  .hero-copy p{font-size:1rem;line-height:1.65}
  .eyebrow{font-size:10px;letter-spacing:.16em}
  .btn{max-width:100%;font-size:10px;letter-spacing:.08em;padding:13px 14px;margin:12px 8px 0 0}
  .section{padding:53px 0}
  h2{font-size:clamp(2.55rem,9vw,4rem)}
  .grid3,.feature,.columns,.melina-intro,.catalogue{display:grid;grid-template-columns:minmax(0,1fr)}
  .tile,.tarif-section{min-width:0}
  .price-row{font-size:13px;gap:10px}
  .price-row span{min-width:0;overflow-wrap:anywhere}
  footer{padding:24px 15px}
}
@media(max-width:355px){.brand{font-size:26px}.brand img{width:46px;height:65px}.nav a{font-size:9px}}

/* Alignement de l'identité sur toutes les pages */
header{position:relative;justify-content:center}
header .brand{position:absolute;left:clamp(18px,4vw,55px);top:50%;transform:translateY(-50%);display:grid;grid-template-columns:84px auto;column-gap:16px;align-items:center;font-size:clamp(35px,3.05vw,48px)}
header .brand img{width:84px;height:100px;grid-column:1}
header .brand span{grid-column:2;text-align:center;line-height:1.03}
header .brand small{display:block;text-align:center;font-size:11px;letter-spacing:.26em;margin-top:9px}
header .nav{margin-left:auto;max-width:48%}
@media(max-width:1250px){
header{flex-direction:column;gap:12px}
header .brand{position:relative;left:auto;top:auto;transform:none;margin:0 auto;grid-template-columns:75px auto;font-size:clamp(34px,4vw,45px)}
header .brand img{width:75px;height:92px}
header .nav{max-width:none;width:100%;justify-content:center;margin:0}
}
@media(max-width:700px){
header .brand{display:grid;grid-template-columns:clamp(49px,14vw,70px) auto;gap:10px;font-size:clamp(29px,7.5vw,39px);max-width:100%}
header .brand img{width:100%;height:79px}
header .brand span{text-align:center;white-space:normal}
header .brand small{text-align:center;font-size:10px;letter-spacing:.22em;margin-top:5px}
header .nav{max-width:100%}
}

/* En-tête final : bloc marque centré sur la page, emblème sur sa gauche */
header{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:13px!important}
header .brand{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0 auto!important;display:grid!important;grid-template-columns:84px auto!important;gap:16px!important;align-items:center!important;font-size:clamp(35px,3.1vw,48px)!important}
header .brand img{width:84px!important;height:100px!important}
header .brand span,header .brand small{text-align:center!important}
header .nav{margin:0!important;max-width:100%!important;width:100%!important;justify-content:center!important}
@media(max-width:700px){header .brand{grid-template-columns:clamp(48px,13vw,68px) auto!important;gap:10px!important;font-size:clamp(28px,7.3vw,39px)!important}header .brand img{width:100%!important;height:78px!important}header .brand small{font-size:10px!important}}

/* Réglage précis du logo demandé */
header .brand{font-size:clamp(39px,3.45vw,53px)!important}
header .brand span{display:block!important;text-align:center!important}
header .brand small{display:block!important;font-size:13px!important;letter-spacing:.22em!important;position:relative!important;left:-11px!important;margin-top:9px!important;text-align:center!important}
@media(max-width:700px){
 header .brand{font-size:clamp(32px,8.1vw,43px)!important}
 header .brand small{font-size:11px!important;left:-9px!important;letter-spacing:.19em!important}
}

/* Correction du sous-titre INSTITUT : décalage réel à gauche */
header .brand span small{
 display:block!important;
 position:relative!important;
 left:0!important;
 transform:translateX(-24px)!important;
 width:100%!important;
 text-align:center!important;
 margin-left:0!important;
 margin-right:0!important;
}
@media(max-width:700px){
 header .brand span small{
  transform:translateX(-19px)!important;
 }
}

/* Galerie photos - manucure russe */
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0 36px}.gallery-photo{margin:0}.gallery-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:3px;filter:brightness(1.055) contrast(1.025);transition:transform .25s ease}.gallery-photo img:hover{transform:scale(1.015)}.gallery-photo figcaption{padding:10px 2px;font-size:13px;letter-spacing:.04em;color:#716a67;text-align:center}@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-photo figcaption{font-size:12px}}

/* Menu de navigation soigné, une seule ligne, octobre 2026 */
header .nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:clamp(7px,1.4vw,23px)!important;width:100%!important;max-width:100%!important;margin:0 auto!important;min-width:0!important}
header .nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1.25!important;text-align:center!important;padding:10px 5px!important;font-size:clamp(9px,.85vw,12px)!important;letter-spacing:.075em!important;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
header .nav a:not(.nav-book):hover{border-bottom-color:var(--beige)}
header .nav .nav-book{padding:11px 15px!important;border:1px solid var(--beige)!important;font-size:clamp(10px,.82vw,12px)!important;margin:0!important;grid-column:auto!important}
@media(max-width:760px){header .nav{justify-content:flex-start!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:#9e8770 transparent;gap:7px!important;padding:5px 4px 12px!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}header .nav a{padding:10px 11px!important;font-size:10px!important;letter-spacing:.055em!important;border:1px solid #706354!important;scroll-snap-align:start;border-radius:2px}header .nav .nav-book{padding:10px 12px!important;font-size:10px!important}header{padding-left:12px!important;padding-right:12px!important}}

/* Current section in the primary navigation */
.nav a.nav-active:not(.nav-book){color:#f5dcc1!important;font-weight:600;position:relative;}
.nav a.nav-active:not(.nav-book)::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#e1b98e;}
@media(max-width:700px){.nav a.nav-active:not(.nav-book){background:rgba(213,190,163,.16);border:1px solid #d5bea3;border-radius:3px;}.nav a.nav-active:not(.nav-book)::after{display:none;}}

/* current-nav-highlight */
.nav a.nav-active:not(.nav-book){color:#f5dcc1!important;font-weight:600;position:relative}.nav a.nav-active:not(.nav-book)::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#e1b98e}@media(max-width:700px){.nav a.nav-active:not(.nav-book){background:rgba(213,190,163,.16);border:1px solid #d5bea3;border-radius:3px}.nav a.nav-active:not(.nav-book)::after{display:none}}

/* Accueil visuel, octobre 2026 */
.home-refresh .home-hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;align-items:stretch;border-bottom:1px solid #61584f}
.home-hero-text{padding:clamp(45px,7vw,105px) clamp(25px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.home-hero-text h1{font-size:clamp(3.1rem,5.5vw,6rem);line-height:1.04;margin:.28em 0}
.home-hero-text p{font-size:1.1rem;margin:0 0 13px;max-width:390px}
.home-actions{display:flex;flex-wrap:wrap;gap:8px}.home-actions .btn{margin:14px 0 0}
.home-discover{margin-top:24px;color:var(--beige);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.home-hero-photo{height:100%;min-height:560px;overflow:hidden;display:block}
.home-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 27%;display:block;transition:transform .5s}
.home-hero-photo:hover img{transform:scale(1.025)}
.home-services{padding-top:87px;padding-bottom:100px}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}
.home-section-head h2{font-size:clamp(2.5rem,4.3vw,4.5rem);margin-bottom:0}
.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-card{min-width:0;display:block}.home-card-photo{aspect-ratio:4/5;overflow:hidden;background:#453d38}
.home-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.home-card:hover img{transform:scale(1.04)}
.home-card-number{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em;margin-top:21px}
.home-card h3{font-size:clamp(1.9rem,2.8vw,3rem);margin:10px 0}.home-card-link{color:var(--beige);text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.home-statement{background:var(--deep);border-block:1px solid #62584e;padding:65px 0}
.home-statement-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-statement h2{font-size:clamp(2.6rem,4vw,4.1rem);margin:13px 0}.home-statement p{margin:0}
.home-training{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:105px;padding-bottom:105px}
.home-training-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-training-images img{width:100%;height:355px;object-fit:cover}
.home-training-images img:nth-child(2){transform:translateY(30px)}
.home-training-copy h2{font-size:clamp(3.2rem,5vw,5rem)}.home-training-copy p{max-width:380px}
.home-end{padding:76px 0}
@media(max-width:850px){.home-refresh .home-hero{grid-template-columns:1fr;min-height:0}
.home-hero-text{padding:48px 6% 38px}.home-hero-text h1{font-size:clamp(3.2rem,10vw,5rem)}
.home-hero-photo{min-height:0;height:430px;order:-1}.home-hero-photo img{object-position:center 24%}
.home-services{padding-top:56px;padding-bottom:62px}.home-section-head{align-items:start;flex-direction:column}.home-cards{gap:12px}
.home-card-photo{aspect-ratio:3/4}.home-statement-inner{flex-direction:column;align-items:start}
.home-training{padding-top:70px;padding-bottom:80px}.home-training-images img{height:270px}}
@media(max-width:600px){.home-hero-photo{height:360px}.home-hero-text{padding-top:34px}
.home-cards{grid-template-columns:1fr 1fr;gap:24px 12px}.home-card:last-child{grid-column:1/-1}
.home-card:last-child .home-card-photo{aspect-ratio:1.75}.home-card h3{font-size:1.9rem}
.home-card-number{font-size:9px}.home-section-head h2{font-size:2.9rem}
.home-training{grid-template-columns:1fr;gap:62px}.home-training-images img{height:240px}
.home-actions .btn{font-size:10px}.home-statement{padding:45px 0}}

/* Cartes expertise : intitulés et titres rigoureusement alignés */
.home-card{display:flex;flex-direction:column;align-items:stretch}
.home-card-number{line-height:1.5;min-height:3em}
.home-card h3{min-height:2.2em;line-height:1.1;margin:9px 0 12px}
.home-card-link{margin-top:auto}

/* Six univers de soins : grille uniforme, deux colonnes sur mobile */
.home-cards{row-gap:46px}
.home-card-photo img{object-position:center center}
.home-card-signature .home-card-number{color:#e8c99f;font-weight:600}
@media(max-width:600px){.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.home-card:last-child{grid-column:auto}.home-card:last-child .home-card-photo{aspect-ratio:3/4}.home-card h3{font-size:clamp(1.5rem,5.7vw,1.9rem)}.home-card-number{letter-spacing:.08em}.home-card-link{font-size:10px;letter-spacing:.06em}}

/* Formation en accueil : texte au-dessus et photos dessous */
.home-training{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:85px;padding-bottom:92px}
.home-training-copy{max-width:850px;margin:0 auto;text-align:center}
.home-training-copy h2{font-size:clamp(3rem,5vw,5rem);margin:12px auto 20px}
.home-training-copy p{max-width:760px;margin:0 auto 15px;line-height:1.75}
.home-training-copy .btn{margin:18px 0 0}
.home-training-images{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.home-training-images img{height:clamp(230px,34vw,420px);width:100%;object-fit:cover;transform:none!important}
@media(max-width:600px){.home-training{gap:25px;padding-top:65px;padding-bottom:70px}.home-training-images{gap:10px}.home-training-images img{height:210px}.home-training-copy h2{font-size:clamp(2.7rem,10vw,3.6rem)}}


/* Indicateur de défilement du menu sur téléphone */
@media (max-width:760px){
  header{position:relative!important;}
  header::after{
    content:'›';
    position:absolute;
    right:11px;
    bottom:17px;
    width:37px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding-right:5px;
    color:#f5dcc1;
    font-size:30px;
    font-family:Arial,sans-serif;
    font-weight:300;
    line-height:1;
    background:linear-gradient(90deg,rgba(41,40,39,0),#292827 52%);
    pointer-events:none;
    z-index:3;
    animation:nav-hint 2.6s ease-in-out 2;
  }
  @keyframes nav-hint{0%,100%{transform:translateX(0)}45%{transform:translateX(4px)}}
}
@media (prefers-reduced-motion:reduce){header::after{animation:none!important}}
