@font-face{font-family:'Timezone';src:url('fonts/HALTimezoneUnlicensed-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Timezone';src:url('fonts/HALTimezoneUnlicensed-Book.otf') format('opentype');font-weight:200 350;font-style:normal;font-display:swap;}
@font-face{font-family:'TimezoneMono';src:url('fonts/HALTimezoneMonoUnlicensed-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Rauschen';src:url('fonts/Rauschen-Black.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Rauschen';src:url('fonts/Rauschen-Semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Rauschen';src:url('fonts/Rauschen-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Rauschen';src:url('fonts/Rauschen-Book.otf') format('opentype');font-weight:450;font-style:normal;font-display:swap;}
@font-face{font-family:'Rauschen';src:url('fonts/Rauschen-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Rauschen';src:url('fonts/Rauschen-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Monosten';src:url('fonts/Monosten-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Monosten';src:url('fonts/Monosten-Bold.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
body{margin:0;background:#E5E1D6;}
a{color:inherit;text-decoration:none;}
.rm-nl-input::placeholder{color:#9D2D21;opacity:0.75;}
.rm-expcard{position:relative;aspect-ratio:3/4;border:1.5px solid #E5E1D6;border-radius:14px;overflow:hidden;background:#1C164F;cursor:pointer;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);}
.rm-expcard:hover{transform:translateY(-10px);box-shadow:0 24px 44px -20px rgba(28,22,79,0.55);}
.rm-expcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);}
.rm-expcard:hover img{opacity:0;transform:scale(1.08);}
.rm-exptint{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,22,79,0.6),rgba(28,22,79,0.05) 60%);transition:opacity .55s ease;}
.rm-expcard:hover .rm-exptint{opacity:0;}
.rm-expinner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px clamp(22px,3.2vh,36px);gap:11px;text-align:center;}
.rm-explabel{font-family:'Rauschen',sans-serif;font-weight:400;font-size:clamp(14px,1.05vw,17px);line-height:0.97;letter-spacing:0.1em;text-transform:uppercase;color:#E5E1D6;transition:letter-spacing .5s ease;}
.rm-expcard:hover .rm-explabel{letter-spacing:0.16em;}
.rm-exprule{width:24px;height:1.5px;background:#E5E1D6;transition:width .55s cubic-bezier(.16,1,.3,1);}
.rm-expcard:hover .rm-exprule{width:54px;}
.rm-expmore{font-family:'TimezoneMono',monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#E5E1D6;opacity:0;max-height:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),max-height .5s ease;}
.rm-expcard:hover .rm-expmore{opacity:0.85;max-height:20px;transform:none;}
.rm-botrow{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,1vw,20px);min-height:clamp(240px,40vh,360px);}
.rm-bot{flex:none;transition:transform .6s ease;}
.rm-bot img{display:block;height:clamp(172px,27vh,272px);width:auto;filter:grayscale(1) contrast(1.02);animation:rmBotFloat 4.6s ease-in-out infinite;}
@keyframes rmBotFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-11px);}}
.b1 img{animation-duration:5.3s;animation-delay:-1.4s;}
.b2 img{animation-duration:4.9s;animation-delay:-2.2s;}
.b3 img{animation-duration:5.7s;animation-delay:-0.6s;}
.rm-botlabel{flex:0 0 0;width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;align-self:center;text-align:center;opacity:0;white-space:nowrap;font-family:'Rauschen',sans-serif;font-weight:400;font-size:15px;line-height:0.97;letter-spacing:0.07em;text-transform:uppercase;color:#E5E1D6;transition:flex-basis .7s cubic-bezier(.16,1,.3,1),opacity .55s ease;pointer-events:none;}
.rm-zone{position:absolute;top:0;bottom:0;width:25%;z-index:5;cursor:pointer;}
.rm-z0{left:0;}.rm-z1{left:25%;}.rm-z2{left:50%;}.rm-z3{left:75%;}
.rm-botrow:has(.rm-z0:hover) .rm-lbl0,.rm-botrow:has(.rm-z1:hover) .rm-lbl1,.rm-botrow:has(.rm-z2:hover) .rm-lbl2,.rm-botrow:has(.rm-z3:hover) .rm-lbl3{flex-basis:clamp(190px,22vw,320px);opacity:1;}
.rm-hint{text-align:center;font-family:'TimezoneMono',monospace;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:#E5E1D6;opacity:0.6;margin-top:clamp(20px,3vh,38px);}
.rm-explist{display:none;}
.rm-explist li{transition:opacity .5s ease;}
.rm-explist li.rm-lon{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;}
*{box-sizing:border-box;}
@keyframes rmFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg));}50%{transform:translateY(-16px) rotate(var(--r,0deg));}}
@keyframes rmGlide{0%,100%{transform:translateY(0);}50%{transform:translateY(10px);}}
.rm-cue{padding:12px 22px 4px;}
.rm-cue-img{opacity:.9;}
.rm-stamp-rose{position:relative;min-width:clamp(46px,4.6vw,66px);}
.rm-stamp-rose::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46%;aspect-ratio:1;background:#1C164F;-webkit-mask:url('assets/scroll-icon.svg') center/contain no-repeat;mask:url('assets/scroll-icon.svg') center/contain no-repeat;}
.rm-cue:hover .rm-cue-img{animation-duration:1s;opacity:1;}
html{scroll-behavior:smooth;}
@keyframes rmFlash{0%,24%{opacity:1;}28%,100%{opacity:0;}}
@keyframes rmPop{from{opacity:0;transform:scale(.7);}to{opacity:1;transform:scale(1);}}
@keyframes rmIconOut{to{opacity:0;}}
@keyframes rmStarIn{from{opacity:0;transform:scale(.4);}to{opacity:1;transform:none;}}
.rm-revcard .rm-star{opacity:0;}
.rm-revcard.rm-on .rm-star{animation:rmStarIn .45s cubic-bezier(.16,1,.3,1) both;}
@keyframes rmHeroFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-24px);}}
@keyframes rmFadeDown{from{opacity:0;transform:translateY(-14px);}to{opacity:1;transform:translateY(0);}}
@keyframes rmFade{from{opacity:0;}to{opacity:1;}}
@keyframes rmRise{from{opacity:0;transform:translateY(42px);}to{opacity:1;transform:none;}}
@keyframes rmLineUp{from{transform:translateY(108%);}to{transform:none;}}
@keyframes rmFadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:none;}}
.rm-reveal{opacity:1;}
.rm-line{overflow:visible;}
.rm-line > span{display:block;animation:rmFadeUp .9s cubic-bezier(.16,1,.3,1) both;}
@supports (animation-timeline: view){
  .rm-reveal{opacity:0;animation:rmRise 1s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 4% cover 32%;}
}
.rm-imgzoom img{transform:scale(1);}
@supports (animation-timeline: view){
  @keyframes rmZoom{from{transform:scale(1.14);}to{transform:scale(1);}}
  .rm-imgzoom img{animation:rmZoom 1.4s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 40%;}
}
.rm-nav a{position:relative;}
.rm-nav a::after{content:"";position:absolute;left:0;bottom:-6px;height:1.5px;width:0;background:#1C164F;transition:width .45s cubic-bezier(.16,1,.3,1);}
.rm-nav a:hover::after{width:100%;}
.rm-scrollcue{animation:rmFloat 2.6s ease-in-out infinite;}
@keyframes rmMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes rmDishIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.rm-mdish{opacity:0;}
.rm-mpanel.rm-on .rm-mdish{animation:rmDishIn .5s cubic-bezier(.16,1,.3,1) both;}
.rm-marquee-track{display:flex;width:max-content;animation:rmMarquee 34s linear infinite;}
.rm-galmarquee img{width:290px;aspect-ratio:290/436;height:auto;object-fit:cover;border-radius:10px;border:2px solid #E5E1D6;box-sizing:border-box;margin-right:15px;flex:none;display:block;}
/* philosophie grid: clean top + bottom cream strokes only (no side strokes) */
.rm-galgrid img{border-top:2px solid #E5E1D6;border-bottom:2px solid #E5E1D6;border-radius:0;box-sizing:border-box;}
#experiences-cards{border-top:2px solid #E5E1D6;}
.rm-pill{display:inline-flex;align-items:center;gap:10px;font-family:'Monosten',monospace;font-weight:400;font-size:13px;letter-spacing:0.07em;text-transform:uppercase;padding:14px 26px;border:1.5px solid #1C164F;border-radius:100px;color:#1C164F;transition:background .4s ease,color .4s ease,gap .3s ease;}
.rm-pill:hover{background:#1C164F;color:#E5E1D6;gap:16px;}
@keyframes rmDrift{from{background-position:0 0;}to{background-position:360px 0;}}
.rm-imgzoom{overflow:hidden;}
.rm-dish{position:relative;display:block;}
.rm-dish img{display:block;width:100%;}
.rm-flip{perspective:1400px;}
.rm-flip .rm-flipinner{position:relative;width:100%;height:100%;transition:transform .9s cubic-bezier(.4,.1,.2,1);transform-style:preserve-3d;}
.rm-flip:hover .rm-flipinner{transform:rotateY(180deg);}
.rm-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 30px rgba(28,22,79,0.18);}
.rm-front{position:relative;height:100%;}
.rm-back{position:absolute;inset:0;transform:rotateY(180deg);}
@keyframes rmTileOut{0%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(1.05);}}
.rm-checkgrid span{opacity:0;}
.rm-ck-m{display:none!important;}
.rm-cform label{min-width:0;}
.rm-cform input,.rm-cform textarea{width:100%;min-width:0;}
/* Scroll-reveal: elements ease in as they enter the viewport */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}
[data-reveal].rm-in{opacity:1;transform:none;}
/* Testimonials dot index (cream on the brown section) */
.rm-revdots{display:flex;gap:12px;justify-content:center;margin-top:clamp(26px,4vh,44px);}
.rm-revdot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:rgba(229,225,214,0.32);transition:background .35s ease,transform .35s ease;}
.rm-revdot.on{background:#E5E1D6;transform:scale(1.3);}
/* Back-to-top control */
.rm-totop{position:fixed;right:18px;bottom:18px;z-index:115;width:46px;height:46px;border-radius:50%;border:1.5px solid #E5E1D6;background:#9D2D21;color:#E5E1D6;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,background .3s ease;box-shadow:0 6px 18px rgba(28,22,79,0.28);}
.rm-totop.show{opacity:1;pointer-events:auto;transform:none;}
.rm-totop svg{width:19px;height:19px;display:block;}
/* Menu button: original tile icon on desktop, clean hamburger on mobile */
.rm-menubtn{position:fixed;top:22px;right:22px;z-index:130;width:58px;height:58px;padding:0;border:none;background:none;cursor:pointer;transition:opacity .4s ease,transform .4s ease;}
.rm-menubtn img{width:100%;height:100%;display:block;border-radius:8px;box-shadow:0 6px 20px rgba(28,22,79,0.28);}
.rm-menubtn .rm-bars{display:none;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important;}}
.rm-debut.rm-in .rm-checkgrid span{animation-name:rmTileIn;animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both;}
.rm-center{opacity:0;}
.rm-debut.rm-in .rm-center{animation:rmFadeUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.55s;}
@keyframes rmTileIn{from{opacity:0;transform:scale(.72);}to{opacity:1;transform:none;}}
@keyframes rmLineDraw{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes rmPlateIdle{0%,100%{transform:rotate(-2.5deg);}50%{transform:rotate(2.5deg);}}
.rm-dish:hover{animation-play-state:paused;}
@media (max-width:820px){
  .rm-h0{font-size:clamp(42px,13vw,112px)!important;line-height:0.88!important;letter-spacing:0.02em!important;white-space:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;}
  .rm-h1{font-size:clamp(40px,8.2vw,66px)!important;line-height:0.9!important;text-wrap:balance!important;}
  .rm-heroh1{transform:scaleX(0.9)!important;}
  /* Nos Expériences reads as an H1 on mobile (less shouty than the H0) */
  #experiences-cards>div>h2{font-size:clamp(36px,8.4vw,60px)!important;line-height:0.94!important;letter-spacing:0.06em!important;}
  .rm-galgrid{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important;}
  .rm-philo{width:100%!important;right:auto!important;left:0!important;padding:44px 28px!important;}
  .rm-expplates{display:grid!important;grid-template-columns:1fr 1fr!important;width:min(300px,74vw)!important;gap:clamp(14px,4vw,28px)!important;place-items:center;}
  .rm-expplates .rm-dish{width:auto!important;flex:none;}
  .rm-debutgrid{grid-template-columns:1fr!important;gap:0!important;}
  .rm-debutgrid>div:first-child,.rm-debutgrid>div:last-child{height:clamp(140px,42vw,200px)!important;}
  .rm-mhide{display:none!important;}
  .rm-mkeep{width:clamp(88px,26vw,150px)!important;}
  .rm-cform{grid-template-columns:1fr 1fr!important;column-gap:clamp(14px,3vw,28px)!important;}
  .rm-cintro{max-width:340px!important;}
  /* maiolica: full-width strip, 3 rows of small square tiles (7 cols x 3) */
  .rm-debutgrid>div:first-child,.rm-debutgrid>div:last-child{height:calc(100vw / 7 * 3)!important;}
  .rm-ck-d{display:none!important;}
  .rm-ck-m{display:grid!important;}
  .rm-debutimg{width:min(320px,78%)!important;margin-top:clamp(22px,7vw,44px)!important;margin-bottom:clamp(44px,14vw,80px)!important;padding:clamp(6px,2.5vw,14px)!important;}
  /* history eyebrow: keep it tight/centred instead of spanning the whole width */
  .rm-center>div:nth-child(2){max-width:min(320px,82vw)!important;margin:0 auto 16px!important;}
  .rm-debutimg img[alt="Né à Rome"]{width:clamp(84px,27vw,116px)!important;left:auto!important;right:-8%!important;bottom:-10%!important;}
  .rm-debutimg img[alt="Été 2024"]{width:clamp(80px,26vw,108px)!important;top:-11%!important;left:-14%!important;}
  /* one consistent body-text column on mobile, with breathing room from the edges */
  .rm-exptext p{width:auto!important;height:auto!important;}
  #experiences-cards>div>p,.rm-center>p,.rm-center>div:last-child,.rm-exptext p,.rm-menupanel p,.rm-philo p{max-width:min(340px,74vw)!important;margin-left:auto!important;margin-right:auto!important;text-wrap:pretty!important;}
  .rm-philo{width:100%!important;right:auto!important;left:0!important;padding:44px clamp(30px,9vw,48px)!important;}
  /* footer stacks so it isn't cut off */
  footer>div:first-child{grid-template-columns:1fr 1fr!important;gap:clamp(24px,6vw,40px) clamp(18px,5vw,32px)!important;}
  footer>div:last-child{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;}
  .rm-cintro{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .rm-menupanel{text-align:center!important;padding-top:clamp(150px,46vw,210px)!important;}
  .rm-menupanel p{margin-left:auto!important;margin-right:auto!important;}
  .rm-botrow{flex-wrap:nowrap!important;gap:clamp(4px,1.6vw,14px)!important;justify-content:center!important;min-height:0!important;align-items:flex-end!important;}
  .rm-bot{flex:0 0 auto!important;}
  .rm-bot img{height:clamp(150px,42vw,240px)!important;}
  .rm-botlabel{display:none!important;}
  .rm-explist{display:flex!important;flex-direction:column;gap:clamp(10px,1.8vh,18px);margin:clamp(26px,5vh,42px) auto 0;padding:0;list-style:none;max-width:340px;width:100%;}
  .rm-explist li{font-family:'Rauschen',sans-serif;font-weight:400;font-size:15px;line-height:0.97;letter-spacing:0.07em;text-transform:uppercase;color:#E5E1D6;text-align:center;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1);}
  .rm-explist.rm-in li{opacity:1;transform:none;}
  .rm-explist.rm-in li:nth-child(1){transition-delay:.05s;}
  .rm-explist.rm-in li:nth-child(2){transition-delay:.15s;}
  .rm-explist.rm-in li:nth-child(3){transition-delay:.25s;}
  .rm-explist.rm-in li:nth-child(4){transition-delay:.35s;}
  .rm-zone{display:none!important;}
  .rm-spark{display:none!important;}
  .rm-exprow{flex-direction:column!important;align-items:stretch!important;}
  .rm-exptext{flex:1 1 auto!important;text-align:center!important;padding-left:0!important;}
  /* mobile matches desktop: hide the big "Nos Expériences" + intro, keep the
     "Donnez vie à votre événement" title in the column */
  #experiences-cards>div>h2,#experiences-cards>div>p{display:none!important;}
  .rm-exptext h2{display:block!important;width:auto!important;max-width:100%!important;margin-top:clamp(16px,3vh,30px)!important;}
  /* labels stay under the bottles (auto-cycled by timer, no hover); eyebrow hidden; compact spacing so there's no huge gap */
  .rm-exptext h3{display:none!important;}
  .rm-exprow{gap:clamp(14px,3.5vh,30px)!important;}
  .rm-exprow>div{flex:0 0 auto!important;}
  .rm-explist{margin-top:clamp(18px,3vh,30px)!important;}
  .rm-exptext p{margin-left:auto!important;margin-right:auto!important;}
  #menus{height:auto!important;}
  /* stack the navy panel over the menu list on mobile (was a flex row, pushing the list off-screen) */
  .rm-menuinner{flex-direction:column!important;height:auto!important;position:static!important;overflow:visible!important;}
  [data-ref="mcBR2"]{display:none!important;} /* decorative hand — too much on mobile */
  .rm-menuinner{position:static!important;height:auto!important;flex-direction:column!important;overflow:visible!important;}
  .rm-menupanel{width:100%!important;}
  .rm-menudesk{display:none!important;}
  .rm-menuright{padding:clamp(20px,5vw,36px) 0!important;}
  .rm-menumobile{display:block!important;padding:0;}
  .rm-menutop{justify-content:center!important;gap:6px 10px!important;flex-wrap:wrap;margin-left:auto!important;margin-right:auto!important;}
  /* overlay-menu stencil stickers: keep them out of the link stack */
  .rm-ovstamp.s2{display:none!important;} /* "Che Buono" — too much on mobile */
  .rm-ovstamp.s4{width:clamp(74px,20vw,110px)!important;bottom:22%!important;right:5%!important;}
  .rm-ovstamp.s1{width:clamp(120px,32vw,190px)!important;}
  .rm-ovstamp.s3{width:clamp(104px,28vw,170px)!important;}
  /* Menu button becomes a clean hamburger circle on mobile */
  .rm-menubtn{top:18px!important;right:16px!important;width:48px!important;height:48px!important;border-radius:12px!important;}
  /* Footer: drop the Navigation column on mobile (the menu button covers it) */
  footer>div:first-child>div:first-child{display:none!important;}
  /* Come-a-casa sticker: shown top-right on mobile too */
  .rm-contact-sticker{display:block!important;top:clamp(40px,6vh,80px)!important;left:clamp(10px,4vw,28px)!important;right:auto!important;width:clamp(96px,30vw,150px)!important;}
  /* Testimonials un-pin on mobile so a long review is never clipped */
  #temoignages{height:auto!important;}
  #temoignages>div{position:static!important;height:auto!important;padding:clamp(48px,9vh,80px) clamp(24px,6vw,40px)!important;}
  #temoignages h1{font-size:clamp(28px,6.8vw,42px)!important;line-height:0.98!important;margin-bottom:clamp(16px,2.6vh,30px)!important;}
  .rm-revwrap{min-height:0!important;overflow:visible!important;width:min(90%,360px)!important;}
  .rm-revcard>div:first-child{font-size:12px!important;gap:8px!important;margin-bottom:clamp(10px,1.8vh,18px)!important;}
  .rm-revcard>div:last-child{font-size:clamp(14px,3.9vw,16px)!important;line-height:1.22!important;gap:clamp(7px,1.2vh,12px)!important;}
}.rm-menumobile{display:none;}
/* ============================================================
   design-v2 — lighter display type + more white space
   Layered theme override. Delete this whole block to return to v1.
   ============================================================ */
/* Every H0 display title drops to H1 scale: Rauschen Medium, uncompressed */
.rm-h0{font-weight:500!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:0.99!important;letter-spacing:0.07em!important;transform:none!important;}
.rm-heroh1{transform:none!important;}
.rm-h1{font-weight:500!important;}
/* Menu button: clean circle+hamburger on all viewports, recolours per section */
/* Menu button: tile background + maiolica motif, both recolour per section */
.rm-menubtn{top:22px!important;right:22px!important;width:54px!important;height:54px!important;border-radius:13px!important;border:none!important;background:var(--mb-bg,#529EA7)!important;overflow:hidden!important;padding:0!important;display:block!important;box-shadow:0 6px 20px rgba(28,22,79,0.24)!important;transition:opacity .4s ease,transform .4s ease,background-color .6s ease!important;}
.rm-menubtn img,.rm-menubtn .rm-bars{display:none!important;}
.rm-menubtn svg{width:100%!important;height:100%!important;display:block!important;padding:6px!important;box-sizing:border-box!important;}
.rm-menubtn svg path{fill:var(--mb-fg,#FFFEFE);transition:fill .6s ease;}
/* Persistent colour-adapting top nav (bar is transparent; text takes the
   section's contrast colour via --nav-fg, set from JS on scroll) */
.rm-topnav{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,40px);padding:clamp(14px,2vh,24px) clamp(24px,4vw,72px);box-sizing:border-box;--nav-fg:#E5E1D6;--nav-bg:transparent;background:var(--nav-bg);border-top:1px solid var(--nav-fg);border-bottom:1px solid var(--nav-fg);transition:background-color .6s ease,border-color .6s ease;}
.rm-topnav>*{pointer-events:auto;}
.rm-topnav a{font-family:'Rauschen',sans-serif;font-weight:400;font-size:clamp(11px,0.92vw,14px);letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;color:var(--nav-fg);transition:color .6s ease,opacity .3s ease;white-space:nowrap;}
.rm-topnav a:hover{opacity:0.55;}
.rm-topnav a.rm-nav-on{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;opacity:1;}
.rm-topnav-lang{display:flex;align-items:center;gap:8px;font-family:'Rauschen',sans-serif;font-size:clamp(11px,0.92vw,14px);letter-spacing:0.16em;text-transform:uppercase;color:var(--nav-fg);transition:color .6s ease;}
.rm-topnav-lang [data-lang-set]{cursor:pointer;opacity:0.5;transition:opacity .3s ease;}
.rm-topnav-lang [data-lang-set]:hover{opacity:0.8;}
.rm-topnav-lang [data-lang-set].rm-lang-active{opacity:1;}
.rm-topnav-slash{opacity:0.5;}
/* Overlay menu adopts the section palette (inverted from the tile) */
[data-ref="menuOverlay"]{background:var(--ov-bg,#1C164F)!important;gap:clamp(20px,3.2vh,38px)!important;transition:opacity .5s ease,background-color .5s ease!important;}
[data-ref="menuOverlay"] a,[data-ref="menuOverlay"] [data-ref="langBtn"]{color:var(--ov-fg,#E5E1D6)!important;transition:color .5s ease;}
/* Menu items at the elegant H1 scale */
[data-ref="menuOverlay"] a{font-size:clamp(24px,3.2vw,42px)!important;font-weight:500!important;line-height:1!important;letter-spacing:0.06em!important;}
[data-ref="menuOverlay"] a:hover{opacity:0.62;}
.rm-ovstamp{background:var(--ov-fg,#E5E1D6);pointer-events:none;transition:background-color .5s ease;}
/* Roomier rhythm — more air around the editorial sections */
#experiences-cards{padding-top:clamp(100px,15vh,200px)!important;padding-bottom:clamp(100px,15vh,200px)!important;}
#contact{padding:clamp(90px,13vh,170px) clamp(24px,5vw,68px)!important;}
footer{padding-top:clamp(64px,9vh,110px)!important;}
/* Give intro copy more space to breathe */
#experiences-cards>div>p{margin-top:clamp(28px,4vh,48px)!important;margin-bottom:clamp(56px,8vh,110px)!important;}
/* Retune the 3-line "La cuisine..." title for the smaller type */
#experiences .rm-h0{line-height:1.12!important;}
/* Desktop: drop the "Nos Expériences" heading + intro (kept on mobile) */
@media (min-width:821px){
  /* the top bar is the desktop nav, so retire the floating tile button */
  .rm-menubtn{display:none!important;}
  #experiences-cards>div>h2,#experiences-cards>div>p{display:none!important;}
  /* Contact title wraps to two lines so the sticker sits beside it */
  #contact .rm-h0{max-width:640px!important;margin-left:auto!important;margin-right:auto!important;}
}
/* Contact: centred title + intro + form block, but fields read left-aligned */
#contact>div>div{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:0!important;}
#contact .rm-h0{text-align:center!important;}
.rm-cintro{flex:none!important;max-width:600px!important;text-align:center!important;margin:0 auto clamp(34px,5vh,60px)!important;}
.rm-cform{flex:none!important;width:100%!important;max-width:640px!important;margin:0 auto!important;text-align:left!important;}
.rm-cform label,.rm-cform label span{text-align:left!important;}
@media (max-width:820px){
  /* the bar doesn't fit narrow screens; the tile button handles mobile nav */
  .rm-topnav{display:none!important;}
  /* gallery: full-bleed to the viewport edges (ignore the section's side padding) + slightly bigger cards */
  .rm-galmarquee{width:100vw!important;margin-left:calc(50% - 50vw)!important;}
  .rm-galmarquee img{width:clamp(190px,52vw,250px)!important;}
  .rm-h0{font-size:clamp(26px,6.8vw,42px)!important;}
  #menus .rm-h0{font-size:clamp(44px,11vw,80px)!important;} /* Nos Menus stays a big h1-scale title on mobile */
  .rm-herodecor{display:none!important;}
  /* keep the moka on mobile (bottles/sparkles stay desktop-only) */
  .rm-heromoka{display:block!important;left:auto!important;right:-12px!important;top:auto!important;bottom:3%!important;transform:none!important;height:clamp(150px,30vh,225px)!important;z-index:2!important;opacity:0.96;}
  /* tagline sits under the title (in flow) so it doesn't land on the moka */
  #top>h2{position:absolute!important;bottom:clamp(56px,12vh,120px)!important;left:0!important;right:0!important;margin:0 auto!important;max-width:320px!important;}
}