*{margin:0;padding:0;box-sizing:border-box;}
:root{--ink:#E8DCC2;--deep:#C9B68E;--sea:#AD9670;--sand:#8E2B3A;
  --gold:#7A2330;--terra:#A93F4F;--cream:#401219;--paper:#FBF6EC;--inktx:#401219;--mist:#6E5444;}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip;}
body{font-family:'Jost',sans-serif;background:var(--ink);color:var(--cream);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%;}
.serif{font-family:'Cormorant Garamond',serif;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--sand);color:var(--ink);}
.grain{position:fixed;inset:0;z-index:9000;pointer-events:none;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjkiIG51bU9jdGF2ZXM9IjQiLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9Ii4zNSIvPjwvc3ZnPg==);opacity:.045;mix-blend-mode:overlay;}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 6vw;transition:background .5s,padding .5s,box-shadow .5s;}
.nav.solid{background:rgba(240,233,217,.92);backdrop-filter:blur(14px);
  padding:14px 6vw;box-shadow:0 1px 0 rgba(142,43,58,.14);}
.nav-logo img{height:50px;width:auto;display:block;transition:height .5s;}
.nav.solid .nav-logo img{height:42px;}
.nav-links{display:flex;align-items:center;gap:34px;}
.nav-links a{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cream);opacity:.82;position:relative;padding:4px 0;
  transition:opacity .3s;}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;
  height:1px;background:var(--sand);transition:width .35s;}
.nav-links a:hover{opacity:1;}
.nav-links a:hover::after{width:100%;}
.nav-btn{border:1px solid var(--sand);color:var(--sand);
  padding:11px 22px;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;transition:background .35s,color .35s;}
.nav-btn:hover{background:var(--sand);color:var(--ink);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;width:30px;padding:4px 0;}
.burger span{height:2px;background:#F4ECD8;border-radius:2px;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.45);}
.burger.open span{background:#401219;box-shadow:none;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mob{position:fixed;inset:0;z-index:999;background:var(--ink);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:26px;
  clip-path:circle(0% at 92% 5%);transition:clip-path .6s cubic-bezier(.7,0,.2,1);}
.mob.open{clip-path:circle(150% at 92% 5%);}
.mob a{font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--cream);}
.mob a:hover{color:var(--sand);}

/* HERO */
.hero{position:relative;height:100vh;min-height:680px;overflow:hidden;
  display:flex;align-items:center;}
.hero-photo{position:absolute;inset:0;background-size:cover;
  background-position:center 58%;transform:scale(1.12);
  filter:brightness(.58) saturate(.9) contrast(1.06);
  animation:kben 24s ease-out forwards;}
@keyframes kben{to{transform:scale(1);}}
.hero-sky{position:absolute;inset:0;background:linear-gradient(180deg,
  rgba(255,252,244,.97) 0%,rgba(238,229,208,.86) 30%,
  rgba(228,216,190,.66) 52%,rgba(122,45,56,.5) 78%,
  rgba(142,43,58,.58) 100%);opacity:.5;
  animation:skywarm 3s ease-out forwards;}
@keyframes skywarm{to{opacity:1;}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(100deg,
  rgba(255,252,244,.93) 0%,rgba(255,252,244,.6) 40%,
  rgba(255,252,244,.18) 72%,transparent 100%);}
.hero-vig{position:absolute;inset:0;background:radial-gradient(
  ellipse 92% 78% at 50% 36%,transparent 34%,
  rgba(255,252,244,.5) 72%,rgba(255,252,244,.92));}
.hero-glow{position:absolute;left:50%;bottom:-8%;width:130vw;height:80vh;
  transform:translateX(-50%) translateY(60px);
  background:radial-gradient(ellipse 50% 60% at 50% 100%,
    rgba(241,220,182,.85),rgba(142,43,58,.42) 32%,
    rgba(169,63,79,.22) 55%,transparent 72%);
  opacity:0;animation:sunrise 3s 0.3s cubic-bezier(.4,0,.2,1) forwards,
    glowpulse 7s 3.3s ease-in-out infinite;mix-blend-mode:screen;}
@keyframes sunrise{to{opacity:1;transform:translateX(-50%) translateY(0);}}
@keyframes glowpulse{0%,100%{opacity:1;}50%{opacity:.82;}}
.hero-rays{position:absolute;left:50%;bottom:0;width:120vh;height:120vh;
  transform:translateX(-50%) translateY(55%);
  background:conic-gradient(from 180deg at 50% 50%,
    transparent 0deg,rgba(241,220,182,.14) 12deg,transparent 24deg,
    transparent 40deg,rgba(241,220,182,.1) 52deg,transparent 64deg,
    transparent 116deg,rgba(241,220,182,.1) 128deg,transparent 140deg,
    transparent 156deg,rgba(241,220,182,.14) 168deg,transparent 180deg,
    transparent 360deg);
  opacity:0;animation:raysin 2.4s 1.4s ease-out forwards;}
@keyframes raysin{to{opacity:.6;}}

.hero-inner{position:relative;z-index:5;width:100%;padding:0 8vw;}
.hero-mark{margin-bottom:32px;opacity:0;
  animation:fadeup 1.2s 1.1s cubic-bezier(.4,0,.2,1) forwards;}
.hero-mark img{height:70px;width:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.6));}
.hero-kick{font-size:13px;letter-spacing:.42em;text-transform:uppercase;
  color:var(--sand);margin-bottom:22px;opacity:0;
  animation:fadeup 1s 1.3s ease forwards;}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.92;
  font-size:clamp(64px,12vw,178px);color:#401219;letter-spacing:-.01em;}
.hero h1 .ln{display:block;overflow:hidden;}
.hero h1 .ln i{display:block;font-style:normal;transform:translateY(112%);
  animation:wordup 1.25s cubic-bezier(.16,1,.3,1) forwards;}
.hero h1 .ln:nth-child(1) i{animation-delay:1.5s;}
.hero h1 .ln:nth-child(2) i{animation-delay:1.7s;color:var(--sand);}
@keyframes wordup{to{transform:translateY(0);}}
.hero-rule{width:0;height:1.5px;background:var(--sand);margin:34px 0 26px;
  animation:ruledraw 1.1s 2.5s cubic-bezier(.7,0,.3,1) forwards;}
@keyframes ruledraw{to{width:128px;}}
.hero-sub{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(20px,2.4vw,29px);color:#E9DFCB;max-width:540px;
  opacity:0;animation:fadeup 1.1s 2.7s ease forwards;}
.hero-actions{display:flex;gap:20px;align-items:center;margin-top:38px;
  opacity:0;animation:fadeup 1.1s 3s ease forwards;flex-wrap:wrap;}
.btn-gold{background:var(--sand);color:var(--ink);padding:17px 38px;
  font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:500;transition:transform .35s,box-shadow .35s;
  display:inline-flex;align-items:center;gap:12px;}
.btn-gold:hover{transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(142,43,58,.32);}
.btn-line{color:var(--cream);font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;border-bottom:1px solid rgba(244,238,227,.4);
  padding-bottom:6px;transition:border-color .35s;}
.btn-line:hover{border-color:var(--sand);}
.hero-scroll{position:absolute;bottom:34px;left:50%;
  transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;
  align-items:center;gap:10px;opacity:0;
  animation:fadein 1s 3.4s ease forwards;}
.hero-scroll span{font-size:10px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--sand);}
.hero-scroll .ln{width:1px;height:54px;background:linear-gradient(
  var(--sand),transparent);position:relative;overflow:hidden;}
.hero-scroll .ln::after{content:"";position:absolute;top:0;left:0;
  width:1px;height:18px;background:#401219;
  animation:scrolldot 2.2s 3.6s ease-in-out infinite;}
@keyframes scrolldot{0%{transform:translateY(-20px);}
  60%,100%{transform:translateY(56px);}}

@keyframes fadein{to{opacity:1;}}
@keyframes fadeup{from{opacity:0;transform:translateY(26px);}
  to{opacity:1;transform:translateY(0);}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(40px);
  transition:opacity 1.1s cubic-bezier(.16,1,.3,1),
  transform 1.1s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.12s;}
.reveal.d2{transition-delay:.24s;}
.reveal.d3{transition-delay:.36s;}
.reveal.d4{transition-delay:.48s;}

section{position:relative;}
.wrap{max-width:1280px;margin:0 auto;padding:0 6vw;}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--gold);
  font-weight:600;}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold);}
.h-sec{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.02;
  font-size:clamp(40px,5.4vw,76px);}
.h-sec i{color:var(--terra);}
.dark .h-sec i{color:var(--sand);}

.divider{display:flex;align-items:center;justify-content:center;gap:20px;
  padding:0 6vw;}
.divider .l{flex:1;max-width:240px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(122,35,48,.5));}
.divider .l.r{background:linear-gradient(90deg,rgba(122,35,48,.5),transparent);}
.divider img{height:42px;width:auto;}

/* ABOUT */
.about{background:var(--paper);color:var(--inktx);padding:140px 0;}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;
  align-items:center;}
.about-txt .h-sec{margin:22px 0 26px;}
.about-txt p{font-size:16px;line-height:1.85;color:#5A3A32;
  margin-bottom:22px;max-width:480px;}
.stats{display:flex;gap:42px;margin-top:38px;}
.stat .n{font-family:'Cormorant Garamond',serif;font-size:58px;font-weight:600;
  color:var(--terra);line-height:1;}
.stat .t{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mist);margin-top:7px;}
.about-img{position:relative;}
.about-img .main{height:560px;width:100%;object-fit:cover;border-radius:3px;}
.about-img .badge{position:absolute;left:-38px;bottom:46px;
  background:var(--ink);color:var(--cream);padding:28px 32px;max-width:260px;}
.about-img .badge img{height:48px;width:auto;margin-bottom:14px;}
.about-img .badge .bt{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:22px;color:var(--sand);}
.about-img .badge .bs{font-size:12px;color:#7C5148;margin-top:6px;
  line-height:1.6;}

/* ROOMS */
.rooms{background:var(--ink);padding:140px 0 150px;}
.rooms-head{display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:62px;gap:40px;flex-wrap:wrap;}
.rooms-head .h-sec{margin-top:20px;}
.rooms-head p{max-width:330px;font-size:15px;line-height:1.8;color:#7C5148;}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.room-card{position:relative;background:var(--deep);border-radius:4px;
  overflow:hidden;cursor:pointer;
  border:1px solid rgba(142,43,58,.12);
  transition:transform .55s cubic-bezier(.16,1,.3,1),
  box-shadow .55s,border-color .55s;}
.room-card:hover{transform:translateY(-10px);
  border-color:rgba(142,43,58,.4);
  box-shadow:0 30px 60px rgba(0,0,0,.45);}
.room-ph{height:248px;overflow:hidden;position:relative;}
.room-ph img{width:100%;height:100%;object-fit:cover;
  transition:transform 1s cubic-bezier(.16,1,.3,1);}
.room-card:hover .room-ph img{transform:scale(1.09);}
.room-num{position:absolute;top:14px;left:14px;
  font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;
  color:var(--cream);background:rgba(240,233,217,.7);backdrop-filter:blur(4px);
  width:46px;height:46px;display:flex;align-items:center;
  justify-content:center;border-radius:3px;}
.room-tag{position:absolute;top:18px;right:18px;z-index:3;background:rgba(64,18,25,.92);color:#F2E8D2;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:7px 13px;border-radius:20px;}
.room-body{padding:26px 26px 28px;}
.room-body .rc{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);}
.room-body h3{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;
  margin:7px 0 14px;color:var(--cream);}
.room-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.room-meta span{font-size:12px;color:#7C5148;display:flex;
  align-items:center;gap:6px;}
.room-meta span::before{content:"";width:4px;height:4px;border-radius:50%;
  background:var(--terra);}
.room-foot{display:flex;justify-content:space-between;align-items:center;
  padding-top:18px;border-top:1px solid rgba(142,43,58,.13);}
.room-price{font-family:'Cormorant Garamond',serif;}
.room-price .rp-lbl{font-family:'Jost',sans-serif;font-size:9.5px;
  letter-spacing:.22em;color:var(--mist);text-transform:uppercase;
  margin-bottom:3px;}
.room-price .rp-val{font-size:21px;font-weight:600;color:var(--sand);
  line-height:1;}
.room-price .rp-val em{font-style:normal;color:var(--terra);
  margin:0 4px;}
.room-price small{font-size:11px;color:var(--mist);font-family:'Jost';
  letter-spacing:.04em;}
.room-go{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cream);display:flex;align-items:center;gap:8px;
  transition:gap .3s,color .3s;}
.room-card:hover .room-go{gap:14px;color:var(--sand);}

/* RESTAURANT */
.resto{position:relative;min-height:680px;display:flex;align-items:center;
  overflow:hidden;}
.resto-bg{position:absolute;inset:0;background-size:cover;
  background-position:center;}
.resto-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(234,224,201,.93) 30%,
  rgba(234,224,201,.55) 62%,rgba(234,224,201,.2));}
.resto-card{position:relative;z-index:3;max-width:560px;padding:120px 6vw;}
.resto-card .h-sec{margin:22px 0;}
.resto-card .lead{font-size:16px;line-height:1.85;color:#6E463E;
  margin-bottom:30px;}
.resto-feats{display:flex;flex-direction:column;gap:1px;
  background:rgba(142,43,58,.16);border:1px solid rgba(142,43,58,.16);
  border-radius:3px;overflow:hidden;margin-bottom:34px;}
.resto-feat{background:var(--ink);padding:18px 22px;display:flex;
  align-items:center;gap:16px;}
.resto-feat svg{width:26px;height:26px;color:var(--sand);flex-shrink:0;}
.resto-feat b{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;
  color:var(--cream);}
.resto-feat span{font-size:12.5px;color:#7C5148;display:block;margin-top:2px;}

/* PACKS */
.packs{background:var(--paper);color:var(--inktx);padding:140px 0;}
.packs-head{text-align:center;margin-bottom:64px;}
.packs-head .eyebrow{justify-content:center;}
.packs-head .eyebrow::before{display:none;}
.packs-head .h-sec{margin-top:14px;}
.packs-head p{margin:18px auto 0;max-width:540px;font-size:15px;
  line-height:1.8;color:#5E4A3E;}
.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.pack-card{background:var(--cream);border:1px solid #E4D7BE;border-radius:4px;
  padding:38px 28px;display:flex;flex-direction:column;
  transition:transform .5s cubic-bezier(.16,1,.3,1),
  background .5s,box-shadow .5s;cursor:pointer;}
.pack-card:hover{transform:translateY(-10px);background:var(--ink);
  box-shadow:0 28px 56px rgba(244,238,224,.22);}
.pack-card .pn{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:600;
  color:var(--terra);line-height:1;transition:color .5s;}
.pack-card:hover .pn{color:var(--sand);}
.pack-card .pt{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin:16px 0 8px;}
.pack-card h3{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;
  line-height:1.12;transition:color .5s;}
.pack-card p{font-size:13px;line-height:1.65;color:#5E4A3E;
  margin:12px 0 20px;transition:color .5s;flex:1;}
.pack-card:hover h3{color:var(--cream);}
.pack-card:hover p{color:#7C5148;}
.pack-card .pp{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;
  color:var(--inktx);padding-top:16px;border-top:1px dotted #D8CAB0;
  transition:color .5s,border-color .5s;}
.pack-card:hover .pp{color:var(--sand);border-color:rgba(142,43,58,.3);}

/* ACTIVITES */
.acts{background:var(--ink);padding:150px 0;overflow:hidden;}
.acts-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.acts-img{position:relative;height:580px;}
.acts-img img{width:100%;height:100%;object-fit:cover;border-radius:3px;}
.acts-img .fr{position:absolute;inset:18px;
  border:1px solid rgba(142,43,58,.4);pointer-events:none;}
.acts-list .h-sec{margin:22px 0 14px;}
.acts-list .intro{font-size:15px;line-height:1.8;color:#7C5148;
  margin-bottom:34px;max-width:440px;}
.act{display:flex;gap:22px;padding:24px 0;
  border-bottom:1px solid rgba(142,43,58,.13);}
.act:last-child{border-bottom:none;}
.act-ic{width:54px;height:54px;border-radius:50%;flex-shrink:0;
  border:1px solid rgba(142,43,58,.32);display:flex;
  align-items:center;justify-content:center;transition:background .4s;}
.act-ic svg{width:25px;height:25px;color:var(--sand);}
.act:hover .act-ic{background:rgba(142,43,58,.12);}
.act b{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;
  color:var(--cream);}
.act p{font-size:13.5px;line-height:1.65;color:#7C5148;margin-top:5px;}

/* GALERIE */
.gal{background:var(--paper);padding:140px 0;}
.gal-head{text-align:center;margin-bottom:56px;}
.gal-head .eyebrow{justify-content:center;}
.gal-head .eyebrow::before{display:none;}
.gal-head .h-sec{margin-top:14px;color:var(--inktx);}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);
  grid-auto-rows:220px;gap:16px;}
.gal-item{overflow:hidden;border-radius:3px;position:relative;cursor:pointer;}
.gal-item img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.16,1,.3,1);}
.gal-item:hover img{transform:scale(1.1);}
.gal-item::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(244,238,224,.55));
  opacity:0;transition:opacity .4s;}
.gal-item:hover::after{opacity:1;}
.gal-item .cap{position:absolute;left:18px;bottom:16px;z-index:2;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cream);opacity:0;transform:translateY(8px);
  transition:opacity .4s,transform .4s;}
.gal-item:hover .cap{opacity:1;transform:none;}
.gal-w2{grid-column:span 2;}
.gal-h2{grid-row:span 2;}

/* CONTACT */
.cta{position:relative;min-height:660px;display:flex;align-items:center;
  justify-content:center;text-align:center;overflow:hidden;}
.cta-bg{position:absolute;inset:0;background-size:cover;
  background-position:center;}
.cta-bg::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 50%,
  rgba(234,224,201,.72),rgba(234,224,201,.94));}
.cta-inner{position:relative;z-index:3;padding:130px 6vw;max-width:760px;}
.cta-inner .logo img{height:78px;width:auto;margin:0 auto 24px;
  filter:drop-shadow(0 4px 20px rgba(0,0,0,.4));}
.cta-inner .h-sec{font-size:clamp(44px,6vw,86px);}
.cta-inner .h-sec i{color:#E2C9A0;}
.cta-inner p{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:23px;color:#6E463E;margin:20px 0 38px;}
.cta-info{display:flex;justify-content:center;gap:46px;margin-top:46px;
  flex-wrap:wrap;}
.cta-info .l{font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:7px;}
.cta-info .v{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--cream);}

/* FOOTER */
.foot{background:#D9CAA8;padding:60px 6vw 40px;}
.foot-top{display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:24px;
  padding-bottom:34px;border-bottom:1px solid rgba(142,43,58,.12);}
.foot-logo img{height:54px;width:auto;}
.foot-nav{display:flex;gap:28px;flex-wrap:wrap;}
.foot-nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:#7C5148;transition:color .3s;}
.foot-nav a:hover{color:var(--sand);}
.foot-bot{display:flex;justify-content:space-between;margin-top:26px;
  font-size:11px;color:var(--mist);letter-spacing:.06em;flex-wrap:wrap;gap:10px;}

@media(max-width:980px){
  .nav-links{display:none;}.burger{display:flex;}
  .about-grid,.acts-grid{grid-template-columns:1fr;gap:48px;}
  .about-img .main{height:420px;}
  .room-grid{grid-template-columns:repeat(2,1fr);}
  .pack-grid{grid-template-columns:repeat(2,1fr);}
  .acts-img{height:420px;}
  .gal-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:620px){
  .nav{padding:16px 6vw;}
  .nav-logo img{height:42px;}
  .nav.solid .nav-logo img{height:36px;}
  .nav-btn{display:none;}
  .about,.rooms,.packs,.acts,.gal{padding:90px 0;}
  .room-grid,.pack-grid{grid-template-columns:1fr;}
  .stats{gap:28px;flex-wrap:wrap;}
  .about-img .badge{left:0;}
  .gal-grid{grid-template-columns:1fr;grid-auto-rows:200px;}
  .gal-w2,.gal-h2{grid-column:span 1;grid-row:span 1;}
  .resto-card,.cta-inner{padding-left:8vw;padding-right:8vw;}
  .hero-mark img{height:54px;}
}

/* ===== EXTENSIONS MULTI-PAGES ===== */
/* Sub-page hero (pages internes) */
.subhero{position:relative;height:62vh;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;}
.subhero-photo{position:absolute;inset:0;background-size:cover;background-position:center 56%;
  transform:scale(1.08);filter:brightness(.6) saturate(.92) contrast(1.05);animation:kben 18s ease-out forwards;}
.subhero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;
  filter:brightness(.62) saturate(.95) contrast(1.04);}
.subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,
  rgba(255,252,244,.7) 0%,rgba(255,252,244,.28) 40%,rgba(255,252,244,.55) 78%,rgba(255,252,244,.92));}
.subhero-vig{position:absolute;inset:0;background:radial-gradient(ellipse 90% 80% at 50% 30%,transparent 40%,rgba(255,252,244,.6));}
.subhero-inner{position:relative;z-index:3;width:100%;padding:0 6vw 70px;}
.subhero .crumb{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--sand);margin-bottom:16px;}
.subhero h1{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.98;
  font-size:clamp(46px,7vw,104px);color:#401219;}
.subhero h1 i{color:var(--sand);font-style:normal;}
.subhero .lead{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(19px,2.2vw,26px);color:#E9DFCB;max-width:560px;margin-top:18px;}

/* Generic light/dark section padding helpers */
.sec{padding:130px 0;}
.sec.paper{background:var(--paper);color:var(--inktx);}
.sec.ink{background:var(--ink);color:var(--cream);}
.sec-head{max-width:680px;margin-bottom:58px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head.center .eyebrow{justify-content:center;}
.sec-head.center .eyebrow::before{display:none;}
.sec-head .h-sec{margin-top:16px;}
.sec-head p{margin-top:18px;font-size:15.5px;line-height:1.85;color:#5E4A3E;}
.ink .sec-head p{color:#7C5148;}

/* Room detail rows (chambres page) */
.rooms-full{display:flex;flex-direction:column;gap:0;}
.rdetail{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;
  border-top:1px solid rgba(142,43,58,.15);}
.rdetail:last-child{border-bottom:1px solid rgba(142,43,58,.15);}
.rdetail-ph{position:relative;min-height:440px;overflow:hidden;}
.rdetail-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1);}
.rdetail:hover .rdetail-ph img{transform:scale(1.06);}
.rdetail-ph .rn{position:absolute;top:20px;left:20px;font-family:'Cormorant Garamond',serif;
  font-size:21px;font-weight:600;color:var(--cream);background:rgba(240,233,217,.66);
  backdrop-filter:blur(4px);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:3px;}
.rdetail-body{padding:64px 6vw;display:flex;flex-direction:column;justify-content:center;}
.rdetail:nth-child(even) .rdetail-ph{order:2;}
.rdetail .rc{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.rdetail h2{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,52px);font-weight:600;
  margin:8px 0 18px;line-height:1.02;}
.rdetail .rd-desc{font-size:15px;line-height:1.85;color:#7C5148;max-width:460px;margin-bottom:26px;}
.rdetail .rd-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.rdetail .rd-meta span{font-size:12px;color:#6E463E;border:1px solid rgba(142,43,58,.22);
  padding:8px 14px;border-radius:30px;}
.rd-amen{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-bottom:30px;max-width:480px;}
.rd-amen li{list-style:none;font-size:13px;color:#7C5148;display:flex;align-items:center;gap:10px;}
.rd-amen li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--terra);flex-shrink:0;}
.rd-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  padding-top:24px;border-top:1px solid rgba(142,43,58,.15);flex-wrap:wrap;}
.rd-price .rp-lbl{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist);margin-bottom:5px;}
.rd-price .rp-val{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--sand);line-height:1;}
.rd-price .rp-val em{font-style:normal;color:var(--terra);margin:0 5px;}
.rd-price small{font-size:11px;color:var(--mist);}

/* Pricing note */
.price-note{margin-top:48px;text-align:center;font-size:13px;color:#7C5148;line-height:1.8;}
.price-note b{color:var(--sand);font-weight:500;}

/* MENU (restaurant) */
.menu-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px 80px;}
.menu-col h3{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:var(--sand);
  margin-bottom:6px;}
.menu-col .mc-sub{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
  margin-bottom:24px;}
.mitem{display:flex;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px dotted rgba(142,43,58,.2);}
.mitem .mi-name{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--cream);white-space:nowrap;}
.mitem .mi-dot{flex:1;border-bottom:1px dotted rgba(142,43,58,.28);transform:translateY(-4px);}
.mitem .mi-price{font-size:15px;color:var(--sand);font-weight:500;white-space:nowrap;}
.mitem .mi-desc{display:block;font-size:12.5px;color:var(--mist);margin-top:3px;font-family:'Jost';}
.mi-left{flex:1;min-width:0;}
.menu-foot{margin-top:46px;text-align:center;font-style:italic;font-family:'Cormorant Garamond',serif;
  font-size:20px;color:#6E463E;}

/* Experiences expanded cards */
.xp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.xp-card{position:relative;min-height:360px;border-radius:4px;overflow:hidden;display:flex;align-items:flex-end;
  border:1px solid rgba(142,43,58,.14);}
.xp-card .xp-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform 1.1s cubic-bezier(.16,1,.3,1);}
.xp-card:hover .xp-bg{transform:scale(1.07);}
.xp-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,
  rgba(255,252,244,.05) 30%,rgba(255,252,244,.5) 62%,rgba(255,252,244,.9));}
.xp-card .xp-body{position:relative;z-index:2;padding:34px;}
.xp-card .xp-tag{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--sand);}
.xp-card h3{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:var(--cream);margin:10px 0 8px;}
.xp-card p{font-size:13.5px;line-height:1.65;color:#6E463E;max-width:380px;}
.xp-card .xp-price{margin-top:14px;font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--sand);}

/* CONTACT page */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;}
.cinfo .ci-row{padding:22px 0;border-bottom:1px solid rgba(142,43,58,.14);}
.cinfo .ci-l{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.cinfo .ci-v{font-family:'Cormorant Garamond',serif;font-size:21px;color:var(--cream);}
.cinfo .ci-v a{transition:color .3s;}.cinfo .ci-v a:hover{color:var(--sand);}
.cform{background:var(--deep);border:1px solid rgba(142,43,58,.16);border-radius:4px;padding:40px;}
.cform .fg{margin-bottom:20px;}
.cform label{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.cform input,.cform textarea,.cform select{width:100%;background:rgba(255,252,244,.5);border:1px solid rgba(142,43,58,.2);
  color:var(--cream);padding:13px 15px;font-family:'Jost';font-size:14px;border-radius:3px;transition:border-color .3s;}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:var(--sand);}
.cform .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cform .btn-gold{width:100%;justify-content:center;border:none;cursor:pointer;margin-top:6px;}
.cform .note{font-size:12px;color:var(--mist);margin-top:14px;text-align:center;}
.map-embed{margin-top:0;border:1px solid rgba(142,43,58,.16);border-radius:4px;overflow:hidden;height:340px;}
.map-embed iframe{width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05);}

/* Booking bar (mobile sticky) */
.bookbar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;
  background:rgba(240,233,217,.96);backdrop-filter:blur(12px);
  border-top:1px solid rgba(142,43,58,.2);padding:12px 5vw;
  align-items:center;justify-content:space-between;gap:14px;}
.bookbar .bb-txt{font-size:12px;color:#6E463E;}
.bookbar .bb-txt b{font-family:'Cormorant Garamond',serif;color:var(--sand);font-size:18px;}
.bookbar .btn-gold{padding:13px 22px;}

/* Floating WhatsApp */
.wa{position:fixed;right:22px;bottom:22px;z-index:905;width:56px;height:56px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(0,0,0,.32);transition:transform .3s;}
.wa:hover{transform:scale(1.08);}
.wa svg{width:30px;height:30px;}

/* Lightbox */
.lbox{position:fixed;inset:0;z-index:9500;background:rgba(255,252,244,.96);display:none;
  align-items:center;justify-content:center;padding:5vw;}
.lbox.open{display:flex;}
.lbox img{max-width:92vw;max-height:88vh;border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.lbox .lb-close{position:absolute;top:28px;right:34px;color:var(--cream);font-size:34px;cursor:pointer;
  font-family:'Cormorant Garamond',serif;line-height:1;}
.lbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:var(--cream);
  font-size:40px;cursor:pointer;padding:20px;user-select:none;opacity:.7;transition:opacity .3s;}
.lbox .lb-nav:hover{opacity:1;}
.lbox .lb-prev{left:10px;}.lbox .lb-next{right:10px;}

/* Gallery filters */
.gal-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:44px;}
.gal-filter button{background:none;border:1px solid rgba(142,43,58,.35);color:var(--inktx);
  padding:9px 20px;font-family:'Jost';font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;border-radius:30px;transition:all .3s;}
.gal-filter button:hover,.gal-filter button.active{background:var(--sand);color:#F6EEDC;border-color:var(--sand);}
.gal-item.hide{display:none;}

@media(max-width:980px){
  .rdetail{grid-template-columns:1fr;}
  .rdetail:nth-child(even) .rdetail-ph{order:0;}
  .rdetail-ph{min-height:300px;}
  .rdetail-body{padding:48px 6vw;}
  .menu-wrap,.contact-grid{grid-template-columns:1fr;gap:48px;}
  .xp-grid{grid-template-columns:1fr;}
}
@media(max-width:620px){
  .bookbar{display:flex;}
  .rd-amen{grid-template-columns:1fr;}
  .cform .fg-row{grid-template-columns:1fr;}
  .subhero{height:54vh;min-height:380px;}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-delay:0s!important;}
  .reveal{opacity:1!important;transform:none!important;}
  .hero-photo,.subhero-photo{transform:none!important;}
}


/* ===== PLANIFICATEUR DE SEJOUR ===== */
.plan-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:44px;align-items:start;}
.plan-steps{display:flex;flex-direction:column;gap:26px;}
.pstep{background:var(--deep);border:1px solid rgba(142,43,58,.16);border-radius:4px;padding:32px;}
.pstep .ps-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px;}
.pstep .ps-num{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:var(--terra);line-height:1;}
.pstep h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--cream);}
.pstep .ps-sub{font-size:12.5px;color:var(--mist);margin-bottom:22px;}
.pstep .ps-note{font-size:11.5px;color:var(--gold);margin-top:14px;font-style:italic;}
.pfield{display:flex;flex-direction:column;gap:8px;}
.pfield label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.pfield select,.pfield input{background:rgba(255,252,244,.5);border:1px solid rgba(142,43,58,.22);
  color:var(--cream);padding:12px 14px;font-family:'Jost';font-size:14px;border-radius:3px;}
.pfield select:focus,.pfield input:focus{outline:none;border-color:var(--sand);}
.prow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.stepper{display:flex;align-items:center;gap:0;border:1px solid rgba(142,43,58,.22);border-radius:3px;overflow:hidden;width:max-content;}
.stepper button{background:rgba(255,252,244,.5);border:none;color:var(--sand);width:42px;height:42px;font-size:20px;cursor:pointer;transition:background .25s;}
.stepper button:hover{background:rgba(142,43,58,.15);}
.stepper .stv{min-width:54px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--cream);}
.optline{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 4px;border-bottom:1px dotted rgba(142,43,58,.18);}
.optline:last-child{border-bottom:none;}
.optline .ol-l{display:flex;align-items:center;gap:12px;min-width:0;}
.optline .ol-name{font-size:14px;color:var(--cream);}
.optline .ol-meta{font-size:11px;color:var(--mist);}
.optline .ol-price{font-size:13px;color:var(--sand);white-space:nowrap;}
.optline input[type=checkbox]{width:18px;height:18px;accent-color:#8E2B3A;cursor:pointer;flex-shrink:0;}
.optline.disabled{opacity:.42;}
.packopt{border:1px solid rgba(142,43,58,.18);border-radius:4px;padding:20px;margin-bottom:14px;
  display:flex;gap:16px;align-items:flex-start;cursor:pointer;transition:border-color .3s,background .3s;}
.packopt:hover{border-color:rgba(142,43,58,.45);}
.packopt.on{border-color:var(--sand);background:rgba(142,43,58,.07);}
.packopt input{margin-top:5px;width:17px;height:17px;accent-color:#8E2B3A;}
.packopt b{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--cream);display:block;}
.packopt p{font-size:12.5px;color:#7C5148;line-height:1.6;margin:5px 0 7px;}
.packopt .pk-price{font-size:13px;color:var(--sand);}
.packopt .pk-cond{font-size:11px;color:var(--mist);}
.summary{position:sticky;top:96px;background:var(--deep);border:1px solid rgba(142,43,58,.28);
  border-radius:4px;overflow:hidden;}
.summary .sm-head{background:rgba(142,43,58,.1);padding:20px 26px;border-bottom:1px solid rgba(142,43,58,.2);}
.summary .sm-head b{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;color:var(--cream);}
.summary .sm-body{padding:22px 26px;}
.sline{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:13px;color:#6E463E;
  border-bottom:1px dotted rgba(142,43,58,.14);}
.sline:last-child{border-bottom:none;}
.sline .sv{color:var(--sand);white-space:nowrap;}
.sline.hl{font-size:14px;}.sline.hl .sv{font-size:15px;}
.sline.sub{font-size:11.5px;color:var(--mist);padding:4px 0;border:none;}
.sm-total{padding:20px 26px;background:rgba(255,252,244,.45);border-top:1px solid rgba(142,43,58,.2);}
.sm-total .tt{display:flex;justify-content:space-between;align-items:baseline;}
.sm-total .tt b{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.sm-total .tt .val{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:600;color:var(--sand);line-height:1;}
.sm-total .pp{font-size:11.5px;color:var(--mist);margin-top:6px;text-align:right;}
.sm-total .btn-gold{width:100%;justify-content:center;margin-top:18px;border:none;cursor:pointer;}
.sm-note{font-size:10.5px;color:var(--mist);text-align:center;padding:0 26px 18px;line-height:1.6;}
.nudge{margin:0 26px 18px;background:rgba(169,63,79,.14);border:1px solid rgba(169,63,79,.4);
  border-radius:3px;padding:12px 14px;font-size:12px;color:#6E3A2C;line-height:1.55;display:none;}
.nudge.show{display:block;}
.nudge b{color:var(--sand);}
.adminbar{display:none;background:#3a1d17;border:1px solid var(--terra);border-radius:4px;
  padding:22px 26px;margin-bottom:30px;}
body.admin .adminbar{display:block;}
.adminbar h4{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--sand);margin-bottom:6px;}
.adminbar p{font-size:12px;color:#8A6450;margin-bottom:14px;line-height:1.6;}
.adminbar .ab-actions{display:flex;gap:12px;flex-wrap:wrap;}
.adminbar button{background:var(--sand);border:none;color:var(--ink);padding:10px 18px;font-family:'Jost';
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:3px;}
.adminbar button.ghost{background:none;border:1px solid var(--sand);color:var(--sand);}
.aedit{display:none;align-items:center;gap:6px;}
body.admin .aedit{display:flex;}
body.admin .ol-price.hideadm,body.admin .pk-price.hideadm{display:none;}
.aedit input{width:74px;background:rgba(255,252,244,.6);border:1px solid var(--terra);color:var(--sand);
  padding:6px 8px;font-size:12px;border-radius:3px;text-align:right;}
.aedit .lab{font-size:9.5px;color:#8A6450;text-transform:uppercase;letter-spacing:.08em;}
@media(max-width:980px){
  .plan-layout{grid-template-columns:1fr;}
  .summary{position:static;}
  .prow{grid-template-columns:1fr;}
}


/* ===== HERO CINEMATIQUE (diaporama type video) ===== */
.hero-slides{position:absolute;inset:0;overflow:hidden;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transform:scale(1.16);will-change:opacity,transform;
  animation:heroCine 28s linear infinite;}
.hero-slide.sl2{animation-delay:7s;}
.hero-slide.sl3{animation-delay:14s;}
.hero-slide.sl4{animation-delay:21s;}
@keyframes heroCine{
  0%{opacity:0;transform:scale(1.16) translateY(10px);}
  3.5%{opacity:1;}
  25%{opacity:1;}
  32%{opacity:0;transform:scale(1.02) translateY(-6px);}
  100%{opacity:0;transform:scale(1.02);}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide{animation:none;opacity:0;}
  .hero-slide.sl1{opacity:1;transform:none;}
}


/* ===== Sélecteur de devise ===== */
.curtog{position:fixed;left:22px;bottom:22px;z-index:905;display:flex;background:rgba(240,233,217,.94);
  border:1px solid rgba(142,43,58,.35);border-radius:30px;overflow:hidden;backdrop-filter:blur(8px);}
.curtog button{background:none;border:none;color:#7C5148;font-family:'Jost';font-size:13px;font-weight:500;
  padding:9px 16px;cursor:pointer;transition:all .25s;}
.curtog button.on{background:var(--sand);color:var(--ink);}
@media(max-width:620px){.curtog{bottom:78px;}}


/* ===== Packs détaillés & tableaux tarifs ===== */
.packx-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.packx{background:#FFFDF8;border:1px solid rgba(244,238,224,.1);border-radius:4px;padding:36px;
  display:flex;flex-direction:column;}
.packx-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px;}
.packx-head .pn{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:600;color:var(--terra);line-height:1;}
.packx-head .pt{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.packx-head h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--inktx);line-height:1.05;}
.packx .px-intro{font-size:13.5px;color:#5E4A3E;margin-top:8px;}
.px-inc{list-style:none;margin:0 0 22px;flex:1;}
.px-inc li{font-size:13.5px;color:#57463C;padding:8px 0 8px 20px;position:relative;
  border-bottom:1px dotted rgba(244,238,224,.12);}
.px-inc li::before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--gold);}
.px-foot{border-top:1px solid rgba(244,238,224,.12);padding-top:18px;}
.px-price{font-family:'Cormorant Garamond',serif;font-size:25px;color:var(--terra);}
.px-price .pk-from,.px-price .pk-unit{font-size:14px;font-family:'Jost';color:#5E4A3E;}
.px-price b{font-weight:600;}
.px-note{font-size:12px;color:#7E6A56;margin-top:6px;}
.packx .btn-line{color:var(--inktx);border-color:rgba(64,18,25,.35);display:inline-flex;}
.packx .btn-line:hover{border-color:var(--inktx);}

.tarif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.tarif-card{background:var(--deep);border:1px solid rgba(142,43,58,.16);border-radius:4px;padding:30px;}
.tarif-card h3{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;color:var(--sand);}
.tarif-card .tsub{font-size:11.5px;color:var(--mist);margin:4px 0 16px;letter-spacing:.04em;}
.tarif-card .tr{display:flex;justify-content:space-between;gap:14px;padding:9px 0;
  border-bottom:1px dotted rgba(142,43,58,.18);font-size:13.5px;color:#6E463E;}
.tarif-card .tr:last-of-type{border-bottom:none;}
.tarif-card .tp{color:var(--sand);white-space:nowrap;font-weight:500;}
.tarif-card .tfoot{font-size:11px;color:var(--mist);margin-top:12px;font-style:italic;line-height:1.6;}
@media(max-width:980px){.packx-grid,.tarif-grid{grid-template-columns:1fr;}}

.vsel{display:block;margin-top:8px;background:rgba(255,252,244,.5);border:1px solid rgba(142,43,58,.25);
  color:var(--cream);padding:8px 10px;font-family:'Jost';font-size:12.5px;border-radius:3px;max-width:280px;}
.vsel:focus{outline:none;border-color:var(--sand);}

.tarif-card .pub{color:#6B5847;text-decoration:line-through;font-size:11px;margin-right:7px;font-weight:400;}

.sm-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.sm-fields input{background:rgba(255,252,244,.55);border:1px solid rgba(142,43,58,.28);color:var(--cream);
  padding:11px 12px;font-family:'Jost';font-size:13px;border-radius:3px;width:100%;color-scheme:dark;}
.sm-fields input::placeholder{color:#6B5847;}
.sm-fields input:focus{outline:none;border-color:var(--sand);}
.sm-fields input[type="text"]{grid-column:1/-1;}
@media(max-width:620px){.sm-fields{grid-template-columns:1fr;}}


/* ============================================================
   THÈME CLAIR — ZONES PHOTO (texte clair conservé)
   ============================================================ */
.nav{background:linear-gradient(180deg,rgba(46,12,17,.94),rgba(46,12,17,.62));}
.nav.solid{background:rgba(46,12,17,.97);}
.nav a{color:#F2E8D2;}
.nav .nav-links a:hover{color:#E2C9A0;}
.nav-btn{border-color:#D8C5A0;color:#F2E8D2;}
.nav-btn:hover{background:#D8C5A0;color:#401219;}
.nav-burger span{background:#F2E8D2;}
.nav-logo img{filter:none;}

.hero h1{color:#FBF5E9;}
.hero h1 .ln:nth-child(2) i{color:#E2C9A0;}
.hero .eyebrow,.hero .h-eyebrow{color:#E2C9A0;}
.hero .hero-sub,.hero p{color:#F0E6D2;}
.hero .scrolldown,.hero .sd{color:#E8DCC4;}
.hero .btn-line{color:#F6EEDC;border-color:rgba(246,238,220,.55);}
.hero .btn-line:hover{border-color:#F6EEDC;}
.hero .btn-gold{background:#E2C9A0;color:#401219;}
.hero-rule{background:#E2C9A0;}

.page-head h1,.ph-title{color:#FBF5E9;}
.page-head .eyebrow,.ph-eyebrow{color:#E2C9A0;}
.page-head p,.ph-sub{color:#F0E6D2;}

.cta{color:#F2E8D2;}
.cta h2,.cta .h-sec{color:#FBF5E9!important;}
.cta h2 i{color:#E2C9A0;}
.cta .eyebrow{color:#E2C9A0;}
.cta p,.cta .l,.cta .v{color:#EFE4CC;}
.cta .v{color:#FBF5E9;}
.cta .btn-gold{background:#E2C9A0;color:#401219;}
.cta .btn-line{color:#F6EEDC;border-color:rgba(246,238,220,.5);}

.bookbar{background:rgba(56,14,20,.97);border-top:1px solid rgba(226,201,160,.3);}
.bookbar .bb-txt{color:#E8DCC4;}
.bookbar .bb-txt b{color:#E2C9A0;}

footer,.footer{background:#3A0F16;}
footer *,.footer *{color:#E8DCC4;}
footer a:hover,.footer a:hover{color:#E2C9A0;}


/* ============================================================
   THÈME CLAIR v2 — VOILES SOMBRES SUR LES PHOTOS (lisibilité)
   ============================================================ */
.hero-sky{background:linear-gradient(180deg,
  rgba(40,10,15,.86) 0%, rgba(40,10,15,.55) 30%,
  rgba(40,10,15,.34) 55%, rgba(46,12,17,.62) 82%,
  rgba(46,12,17,.9) 100%)!important;opacity:1!important;}
.subhero::after{background:linear-gradient(180deg,
  rgba(36,9,13,.66) 0%, rgba(36,9,13,.30) 40%,
  rgba(36,9,13,.55) 78%, rgba(36,9,13,.9) 100%)!important;}
.subhero-vig{background:radial-gradient(ellipse 90% 80% at 50% 30%,
  transparent 40%, rgba(30,8,11,.55))!important;}
.subhero .crumb{color:#E2C9A0!important;}
.subhero h1{color:#FBF5E9!important;}
.subhero h1 i{color:#E2C9A0!important;}
.subhero p,.subhero .sub{color:#F0E6D2!important;}
.cta-bg::after{background:linear-gradient(180deg,
  rgba(36,9,13,.82), rgba(36,9,13,.66) 50%, rgba(36,9,13,.88))!important;}
.hero-slide{filter:none;}
.hero .hero-sub{color:#F0E6D2;}


/* ===== HERO clair v3 : voile renforcé + textes clairs ===== */
.hero-shade{background:linear-gradient(90deg,rgba(34,8,12,.78) 0%,rgba(34,8,12,.46) 46%,rgba(34,8,12,.18) 100%)!important;}
.hero-glow{opacity:.25!important;}
.hero-vig{background:radial-gradient(ellipse 120% 90% at 50% 50%,transparent 45%,rgba(28,7,10,.6))!important;}
.hero-kick{color:#E2C9A0!important;}
.hero-sub{color:#F2E8D2!important;}
.hero-mark img{opacity:1;}


/* ===== AJUSTEMENTS CONTRASTE (logo & textes sur beige) ===== */
.about-img .badge{background:#3A0F16;color:#EFE4CC;}
.about-img .badge .bt{color:#E2C9A0;}
.about-img .badge .bs{color:#D8C9B0;}
.foot{background:#3A0F16;}
.foot,.foot *{color:#E8DCC4;}
.foot-nav a{color:#D8C9B0;}
.foot-nav a:hover{color:#E2C9A0;}
.foot-bot{border-top:1px solid rgba(226,201,160,.22);color:#B9A48C;}
.foot-bot *{color:#B9A48C;}

.sm-fields .telrow{grid-column:1/-1;display:flex;gap:8px;}
.sm-fields .telrow select{background:rgba(255,252,244,.9);border:1px solid rgba(142,43,58,.3);
  color:#401219;padding:11px 8px;font-family:'Jost';font-size:13px;border-radius:3px;width:108px;flex-shrink:0;}
.sm-fields .telrow input{flex:1;}
.sm-fields input[type="email"]{grid-column:1/-1;}

.qty{display:inline-flex;align-items:center;gap:8px;margin-top:9px;}
.qty .qbtn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(142,43,58,.4);
  background:rgba(255,252,244,.85);color:#8E2B3A;font-size:16px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;}
.qty .qbtn:hover{background:#8E2B3A;color:#F6EEDC;border-color:#8E2B3A;}
.qty b{min-width:20px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:17px;color:var(--inktx);}
.qty .qlbl{font-size:11px;color:#7A6A5C;letter-spacing:.02em;}

.sm-fields .telrow #cCode{max-width:148px;}
.sm-fields .telrow #cCodeAutre{background:rgba(255,252,244,.9);border:1px solid rgba(142,43,58,.3);
  color:#401219;padding:11px 8px;font-family:'Jost';font-size:13px;border-radius:3px;}
.sm-fields .telrow #cCodeAutre::placeholder{color:#9E8E7C;}
.sm-fields .telrow #cCodeAutre:focus,.sm-fields .telrow #cCode:focus{outline:none;border-color:var(--sand);}

/* ===== Points forts page Hôtel ===== */
.hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px;}
.hl{display:flex;gap:16px;align-items:flex-start;background:#FFFDF8;border:1px solid rgba(142,43,58,.14);
  border-radius:6px;padding:26px;box-shadow:0 1px 3px rgba(70,30,20,.06);}
.hl-i{font-size:26px;color:var(--sand);line-height:1;flex-shrink:0;}
.hl b{font-family:'Cormorant Garamond',serif;font-size:20px;color:#401219;display:block;margin-bottom:5px;}
.hl p{font-size:13px;line-height:1.6;color:#7C5148;}
.amen-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;}
.amen-strip span{font-size:12px;letter-spacing:.04em;color:#5A2530;background:rgba(142,43,58,.08);
  border:1px solid rgba(142,43,58,.2);border-radius:20px;padding:8px 16px;}
@media(max-width:880px){.hl-grid{grid-template-columns:1fr;}}

/* ===== Section Instagram galerie ===== */
.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.insta-card{position:relative;display:block;overflow:hidden;border-radius:6px;aspect-ratio:1;}
.insta-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.insta-card:hover img{transform:scale(1.05);}
.insta-card .insta-ig{position:absolute;top:12px;right:12px;color:#fff;font-size:18px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);opacity:0;transition:opacity .3s;}
.insta-card:hover .insta-ig{opacity:1;}
@media(max-width:680px){.insta-grid{grid-template-columns:1fr 1fr;gap:10px;}}


/* ============================================================
   COUCHE ANIMATIONS GSAP — additive & sans risque
   Tout est piloté par assets/js/animations.js. Si GSAP (CDN)
   ne charge pas, ces styles restent inertes et le site garde
   ses animations CSS/JS d'origine.
   ============================================================ */

/* Barre de progression de défilement (fil d'or, discret) */
.scroll-prog{position:fixed;top:0;left:0;height:2px;width:100%;z-index:9600;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--sand),#E2C9A0);pointer-events:none;}

/* Voile de transition entre les pages */
.pgt{position:fixed;inset:0;z-index:9700;background:#240a0d;opacity:0;
  pointer-events:none;display:flex;align-items:center;justify-content:center;
  will-change:opacity;}
.pgt img{height:62px;width:auto;opacity:0;
  filter:drop-shadow(0 8px 26px rgba(0,0,0,.55));}

/* Cartes chambres : halo doré qui suit le curseur (sheen subtil) */
.room-card .room-glow{position:absolute;inset:0;z-index:4;pointer-events:none;
  opacity:0;transition:opacity .45s ease;mix-blend-mode:soft-light;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),
    rgba(226,201,160,.65),transparent 62%);}
.room-card:hover .room-glow{opacity:1;}

/* Boutons dorés magnétiques : GSAP pilote la transform, on neutralise
   le lift CSS uniquement sur ceux rendus magnétiques (classe .mag) */
.enh .btn-gold.mag:hover{transform:none;}

/* Pas d'effets de pointeur sur écrans tactiles */
@media(hover:none){
  .room-card .room-glow{display:none;}
}
/* Accessibilité : on coupe les éléments décoratifs ajoutés */
@media(prefers-reduced-motion:reduce){
  .scroll-prog{display:none!important;}
}

/* ============================================================
   CURSEUR PERSONNALISÉ (anneau + point qui suivent la souris)
   ============================================================ */
.cur-ring{position:fixed;top:0;left:0;width:30px;height:30px;border:1.5px solid var(--sand);
  border-radius:50%;transform:translate(-50%,-50%);z-index:9998;pointer-events:none;opacity:0;
  transition:width .28s,height .28s,opacity .3s,background .28s,border-color .28s;}
.cur-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--terra);border-radius:50%;
  transform:translate(-50%,-50%);z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s;}
.cur-ring.grow{width:64px;height:64px;background:rgba(142,43,58,.12);border-color:var(--sand);}
.cur-ring.tap{width:18px;height:18px;}
.cur-on .cur-ring,.cur-on .cur-dot{opacity:1;}
@media(hover:none){.cur-ring,.cur-dot{display:none!important;}}
html.cur-on,html.cur-on *{cursor:none!important;}

/* ============================================================
   VIDÉO HÉRO (film des chambres en fond de l'accueil)
   Posée au-dessus du diaporama (qui sert de repli si la vidéo
   ne charge pas) et sous les voiles du hero pour la lisibilité.
   ============================================================ */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.94) contrast(1.05) saturate(1.02);background:#140609;}

/* ============================================================
   SECTION FILM (vidéo cinématique générée des chambres)
   ============================================================ */
.film{background:var(--ink);padding:130px 0 140px;position:relative;overflow:hidden;}
.film .film-head{text-align:center;max-width:680px;margin:0 auto 48px;}
.film .film-head .eyebrow{justify-content:center;}
.film .film-head .eyebrow::before{display:none;}
.film .film-head .h-sec{margin-top:14px;}
.film .film-head p{margin:16px auto 0;max-width:520px;font-size:15px;line-height:1.8;color:#7C5148;}
.film-frame{position:relative;max-width:1180px;margin:0 auto;border-radius:5px;overflow:hidden;
  box-shadow:0 44px 100px rgba(0,0,0,.5);border:1px solid rgba(142,43,58,.22);background:#140609;}
.film-frame video{display:block;width:100%;height:auto;}
/* Reel vertical (vidéo portrait) : vidéo centrée + fond flouté */
.film-frame--reel{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;}
.film-frame--reel .reel-bg{position:absolute;inset:-50px;z-index:0;
  background-size:cover;background-position:center;filter:blur(36px) brightness(.5);transform:scale(1.1);}
.film-frame--reel video{position:relative;z-index:1;width:auto;height:100%;max-width:96%;
  border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.55);}
@media(max-width:620px){.film-frame--reel{aspect-ratio:3/4;}}
.film-frame .film-corner{position:absolute;inset:14px;border:1px solid rgba(226,201,160,.28);
  pointer-events:none;z-index:2;}
.film-sound{position:absolute;bottom:20px;right:20px;z-index:3;width:48px;height:48px;border-radius:50%;
  background:rgba(20,6,9,.55);backdrop-filter:blur(8px);border:1px solid rgba(226,201,160,.45);
  color:#F2E8D2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s,background .3s;}
.film-sound:hover{transform:scale(1.08);background:rgba(142,43,58,.6);}
.film-sound svg{width:20px;height:20px;}
.film-cap{position:absolute;left:22px;bottom:20px;z-index:3;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:#F2E8D2;text-shadow:0 2px 14px rgba(0,0,0,.6);opacity:.9;}
@media(max-width:620px){.film{padding:90px 0;}.film-frame .film-corner{inset:8px;}}


/* ============================================================
   HERO v4 — vidéo room-tour bien visible (voiles allégés),
   titre encore lisible (dégradés bas + gauche conservés)
   ============================================================ */
.hero-video{filter:brightness(1.08) contrast(1.04) saturate(1.05)!important;}
.hero-sky{background:linear-gradient(180deg,
  rgba(30,8,12,.42) 0%, rgba(30,8,12,.12) 30%,
  rgba(30,8,12,0) 50%, rgba(34,9,14,.34) 84%,
  rgba(34,9,14,.66) 100%)!important;opacity:1!important;}
.hero-shade{background:linear-gradient(90deg,
  rgba(26,6,10,.62) 0%, rgba(26,6,10,.28) 38%,
  rgba(26,6,10,.06) 64%, transparent 100%)!important;}
.hero-vig{background:radial-gradient(ellipse 130% 100% at 50% 46%,
  transparent 58%, rgba(24,6,9,.42))!important;}
.hero-glow{opacity:.14!important;}
/* léger renfort derrière le bloc texte (bas-gauche) pour le contraste */
.hero-inner{text-shadow:0 2px 24px rgba(20,5,8,.5);}


/* ============================================================
   #6 OPTIMISATION MOBILE — titres lisibles sans débordement
   ============================================================ */
@media(max-width:600px){
  .hero h1{font-size:clamp(46px,15vw,74px);}
  .subhero h1{font-size:clamp(34px,9vw,54px);}
  .h-sec{font-size:clamp(30px,8vw,48px);}
  .cta-inner .h-sec{font-size:clamp(32px,8.5vw,50px);}
  h1,h2,h3,.h-sec,.rdetail h2,.packx h3{overflow-wrap:break-word;word-break:normal;hyphens:auto;}
  .subhero{min-height:64vh;}
  .subhero-inner{padding-right:6vw;}
}
@media(max-width:380px){
  .hero h1{font-size:42px;}
  .subhero h1{font-size:30px;}
  .h-sec{font-size:26px;}
  .nav-logo img{height:38px;}
}


/* ============================================================
   #7 TÉMOIGNAGES — carousel avis 5★ (auto-slide)
   ============================================================ */
.tmoi{background:var(--paper);padding:120px 0 130px;}
.tmoi .gal-head{text-align:center;max-width:680px;margin:0 auto 40px;}
.tmoi .gal-head .eyebrow{justify-content:center;}
.tmoi .gal-head .eyebrow::before{display:none;}
.tmoi-viewport{overflow:hidden;max-width:860px;margin:0 auto;}
.tmoi-track{display:flex;transition:transform .7s cubic-bezier(.16,1,.3,1);}
.tmoi-card{min-width:100%;padding:0 24px;text-align:center;box-sizing:border-box;}
.tmoi-stars{color:#E0A93F;letter-spacing:4px;font-size:18px;margin-bottom:18px;}
.tmoi-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(20px,2.6vw,30px);line-height:1.5;color:var(--inktx);max-width:720px;margin:0 auto 22px;}
.tmoi-name{font-weight:600;letter-spacing:.04em;color:var(--sand);font-size:15px;}
.tmoi-src{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sea);margin-top:6px;}
.tmoi-dots{display:flex;gap:9px;justify-content:center;margin-top:34px;}
.tmoi-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(142,43,58,.3);cursor:pointer;padding:0;transition:.3s;}
.tmoi-dots button.on{background:var(--sand);transform:scale(1.3);}


/* ============================================================
   OFFRE ÉTÉ −15% — section bandeau + popup
   ============================================================ */
.offer{position:relative;overflow:hidden}
.offer-track{display:flex;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.offer-slide{min-width:100%;position:relative;overflow:hidden;padding:84px 6vw;display:flex;justify-content:center;box-sizing:border-box}
.offer-bg{position:absolute;inset:0;background-size:cover;background-position:center 60%;transform:scale(1.08);filter:brightness(.42) saturate(1.05);animation:offerken 22s ease-out forwards}
@keyframes offerken{to{transform:scale(1)}}
.offer-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(58,15,22,.86),rgba(122,35,48,.55) 55%,rgba(58,15,22,.35))}
.offer-dots{position:absolute;bottom:16px;left:0;right:0;z-index:4;display:flex;gap:9px;justify-content:center}
.offer-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(246,236,214,.45);cursor:pointer;padding:0;transition:.3s}
.offer-dots button.on{background:#E8C98C;transform:scale(1.3)}
.offer-inner{position:relative;z-index:2;max-width:1040px;width:100%;display:flex;align-items:center;gap:clamp(28px,5vw,60px);color:#F6ECD6;flex-wrap:wrap;justify-content:center}
.offer-badge{flex-shrink:0;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 35% 30%,#F0DCA6,#C9A45A 70%,#A9803F);color:#401219;
  box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 18px 50px rgba(0,0,0,.45);position:relative;animation:badgepulse 3.2s ease-in-out infinite}
.offer-badge::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(240,220,166,.55)}
.offer-badge b{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:46px;line-height:.9;display:block}
.offer-badge span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-top:3px}
@keyframes badgepulse{0%,100%{transform:scale(1);box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 18px 50px rgba(0,0,0,.45)}50%{transform:scale(1.04);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 22px 60px rgba(201,164,90,.45)}}
.offer-txt{flex:1;min-width:280px}
.offer-txt .eyebrow{color:#E2C9A0;justify-content:flex-start}
.offer-txt .eyebrow::before{background:#C9A45A}
.offer-txt .h-sec{color:#FBF5E9;margin:14px 0 14px}
.offer-txt .h-sec i{color:#E8C98C}
.offer-txt p{font-size:15.5px;line-height:1.75;color:#EBDDC4;max-width:560px}
.offer-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.offer-note{margin-top:16px;font-size:12px;letter-spacing:.06em;color:#D9C3A0}
.offer-note b{color:#F0DCA6}
@media(max-width:760px){.offer-inner{flex-direction:column;text-align:center}.offer-txt .eyebrow{justify-content:center}.offer-actions{justify-content:center}}

/* POPUP */
.promo{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(13,4,6,.7);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.promo.open{opacity:1;visibility:visible}
.promo-card{position:relative;width:min(860px,96vw);background:#FBF6EC;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;
  box-shadow:0 40px 120px rgba(0,0,0,.5);transform:translateY(24px) scale(.96);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.promo.open .promo-card{transform:none}
.promo-media{position:relative;min-height:340px;background-size:cover;background-position:center}
.promo-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(58,15,22,.35))}
.promo-badge{position:absolute;top:18px;left:18px;z-index:2;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#F0DCA6,#C9A45A 70%,#A9803F);color:#401219;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:30px;
  box-shadow:0 10px 30px rgba(0,0,0,.4);animation:badgepulse 3.2s ease-in-out infinite}
.promo-body{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
.promo-body .eyebrow{color:var(--sand)}
.promo-body h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:34px;color:var(--inktx);line-height:1.05;margin:12px 0 14px}
.promo-body p{font-size:14.5px;line-height:1.7;color:#5A3A32;margin-bottom:24px}
.promo-body .btn-gold{align-self:flex-start}
.promo-note{margin-top:14px;font-size:12px;color:#8A6450;letter-spacing:.04em}
.promo-note b{color:var(--sand)}
.promo-x{position:absolute;top:14px;right:16px;z-index:3;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,252,244,.85);color:#401219;font-size:22px;line-height:1;transition:.3s}
.promo-x:hover{background:#fff;transform:rotate(90deg)}
@media(max-width:680px){.promo-card{grid-template-columns:1fr;max-width:420px}.promo-media{min-height:180px}.promo-body{padding:28px 24px}}


/* ============================================================
   OPTIMISATION MOBILE — audit (anti-débordement, tactile, lisibilité)
   ============================================================ */
@media(max-width:620px){
  /* Anti-zoom iOS : tout champ saisissable ≥16px (sinon Safari zoome au focus) */
  input,select,textarea{font-size:16px;}
  .pfield select,.pfield input,.sm-fields input,.sm-fields .telrow select,
  .cform input,.cform select,.cform textarea,.vsel{font-size:16px;}

  /* Cibles tactiles ≥44px */
  .stepper button{width:48px;height:48px;font-size:22px;}
  .stepper .stv{min-width:50px;}
  .optline input[type=checkbox]{width:24px;height:24px;}
  .packopt input[type=radio]{width:22px;height:22px;}
  .nav a,.btn-line,.btn-gold{min-height:44px;display:inline-flex;align-items:center;}

  /* Anti-débordement : autoriser le retour à la ligne des libellés longs */
  .optline{flex-wrap:wrap;gap:8px 12px;}
  .optline .ol-l{flex:1 1 100%;min-width:0;}
  .optline .ol-name{white-space:normal;}
  .sline{gap:8px;}
  .mitem{flex-wrap:wrap;}
  .mitem .mi-name{white-space:normal;}
  .stepper{width:100%;justify-content:space-between;}

  /* Resserrer les paddings généreux du planificateur */
  .pstep{padding:22px 18px;}
  .packopt{padding:16px;}
  .summary .sm-head,.summary .sm-body{padding:18px 18px;}
  .sm-total,.sm-note,.nudge{padding-left:18px;padding-right:18px;}
  .sm-total .tt .val{font-size:32px;}

  /* Rangée téléphone : ne jamais déborder */
  .sm-fields .telrow{flex-wrap:wrap;}
  .sm-fields .telrow #cCode{max-width:100%;flex:1 1 100%;}
  .sm-fields .telrow input{flex:1 1 100%;}
}

/* Petits téléphones : galerie chambres 2 colonnes (3 trop serré) */
@media(max-width:430px){
  .room-gallery{grid-template-columns:repeat(2,1fr)!important;}
}

/* ===== Réservation intégrée — moteur eZee dans une fenêtre au thème du site ===== */
.bookov{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;
  padding:30px;background:rgba(13,4,6,.82);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s}
.bookov.open{opacity:1;visibility:visible;pointer-events:auto}
.bookbox{width:min(1060px,96vw);height:min(880px,92vh);background:var(--paper);
  border:1px solid rgba(226,201,160,.35);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 30px 100px rgba(0,0,0,.6);
  transform:translateY(18px) scale(.97);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.bookov.open .bookbox{transform:none}
.bookhd{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--cream);
  border-bottom:1px solid rgba(226,201,160,.18)}
.bookhd-logo{height:30px;width:auto;opacity:.96}
.bookhd-t{color:var(--ink);font-family:'Cormorant Garamond',serif;font-size:1.3rem;letter-spacing:.02em}
.bookhd-ext{margin-left:auto;color:var(--deep);font-size:.76rem;letter-spacing:.05em;text-decoration:none;
  border:1px solid rgba(226,201,160,.3);padding:.45rem .85rem;border-radius:100px;transition:.25s;white-space:nowrap}
.bookhd-ext:hover{color:var(--ink);border-color:rgba(226,201,160,.6)}
.bookhd-x{width:38px;height:38px;border:0;background:rgba(232,220,194,.08);color:var(--ink);
  font-size:1.5rem;line-height:1;border-radius:50%;cursor:pointer;transition:.25s;flex:0 0 auto}
.bookhd-x:hover{background:rgba(232,220,194,.18);transform:rotate(90deg)}
.bookbody{position:relative;flex:1;background:#fff}
.bookfr{position:absolute;inset:0;width:100%;height:100%;border:0}
.bookload{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;background:var(--paper);color:var(--mist);font-size:.9rem;letter-spacing:.03em;
  text-align:center;padding:24px;transition:opacity .4s;z-index:2}
.bookload.hide{opacity:0;pointer-events:none}
.bookspin{width:30px;height:30px;border:2px solid rgba(122,35,48,.18);border-top-color:var(--gold);
  border-radius:50%;animation:bookspin 1s linear infinite}
.bookload small{color:var(--deep);max-width:22rem;line-height:1.5;font-size:.8rem}
@keyframes bookspin{to{transform:rotate(360deg)}}
html.book-open{overflow:hidden}
@media(max-width:640px){
  .bookov{padding:0}
  .bookbox{width:100vw;height:100dvh;border-radius:0;border:0}
  .bookhd-t{font-size:1.12rem}
  .bookhd-ext{padding:.4rem .6rem}
}

/* ===== Demande de réservation d'activité (2e canal : activités + sur-mesure) ===== */
.reqov{position:fixed;inset:0;z-index:1250;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(13,4,6,.84);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .4s ease,visibility .4s}
.reqov.open{opacity:1;visibility:visible;pointer-events:auto}
.reqbox{width:min(520px,96vw);max-height:92vh;overflow:auto;background:var(--paper);border-radius:14px;
  border:1px solid rgba(226,201,160,.35);box-shadow:0 30px 100px rgba(0,0,0,.6);
  transform:translateY(16px) scale(.97);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.reqov.open .reqbox{transform:none}
.reqhd{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 15px;background:var(--cream);color:var(--ink)}
.reqhd-l{flex:1;min-width:0}
.reqhd .kx{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--deep);margin-bottom:6px}
.reqhd h3{font-family:'Cormorant Garamond',serif;font-size:1.55rem;line-height:1.05;font-weight:600;color:var(--ink)}
.reqhd .px{color:var(--deep);font-size:.84rem;margin-top:5px}
.reqhd-x{width:34px;height:34px;border:0;background:rgba(232,220,194,.1);color:var(--ink);font-size:1.4rem;line-height:1;
  border-radius:50%;cursor:pointer;flex:0 0 auto;transition:.25s}
.reqhd-x:hover{background:rgba(232,220,194,.2);transform:rotate(90deg)}
.reqform{padding:18px 20px 22px;display:grid;gap:13px}
.reqform .row2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.reqform label{display:block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mist);margin-bottom:5px}
.reqform input,.reqform textarea{width:100%;padding:.68rem .82rem;border:1px solid rgba(64,18,25,.18);border-radius:8px;
  background:#fff;color:var(--inktx);font-family:inherit;font-size:.95rem;-webkit-appearance:none}
.reqform input:focus,.reqform textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(122,35,48,.1)}
.reqform textarea{min-height:62px;resize:vertical}
.reqsub{margin-top:4px;width:100%;padding:.85rem;border:0;border-radius:100px;background:var(--gold);color:#FBF6EC;
  font-size:.92rem;letter-spacing:.04em;cursor:pointer;transition:.25s}
.reqsub:hover{background:var(--terra)}
.reqsub:disabled{opacity:.6;cursor:default}
.reqnote{font-size:.71rem;color:var(--mist);text-align:center;line-height:1.5}
.reqok{padding:34px 24px;text-align:center}
.reqok h3{font-family:'Cormorant Garamond',serif;font-size:1.7rem;margin-bottom:10px;color:var(--gold)}
.reqok p{color:var(--mist);font-size:.9rem;line-height:1.6}
@media(max-width:520px){.reqform .row2{grid-template-columns:1fr}}