/* Runa — styles propres à : l'accueil. Chargé après commun.css ; mêmes couches. */
@layer pages{
  html.rn-anim body,html.rn-anim body *:not(.rn-th *){transition:background-color .2s ease,border-color .2s ease,color .2s ease}
  body{margin:0;background:var(--bg)}
  a,button{-webkit-tap-highlight-color:transparent}
  .rn-back .rn-lab{animation:rnfade .4s ease}
  @keyframes rnfade{from{opacity:0}}
  @media (prefers-reduced-motion:reduce){
    .rn-back .rn-lab{animation:none}
  }
  div.resa{width:100%;max-width:720px;margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:26px;color:#F4F1EC;text-shadow:0 1px 14px rgba(0,0,0,.45)}
  .resa-p{margin:0;font-family:"EB Garamond",serif;font-style:italic;font-size:clamp(1.375rem,3.4vw,2.25rem);line-height:1.7;text-wrap:balance}
  .vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .rn-foot.rn-foot-dark{background:#3D5C1E}
  .rn-foot-dark .rn-foot-in{border-top-color:rgba(234,234,229,.18);color:rgba(234,234,229,.7)}
  html,body{height:100%;margin:0;overflow:hidden;background:#3a2a1c;color:#F2F0E6;font-family:"EB Garamond",serif}
  body{background:url(../img/bois-n5.webp) 50% 50%/cover #3a2a1c}
  body::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(12,10,8,.28),rgba(12,10,8,.05) 60%)}
  a{color:inherit}
  .hd{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:32px 6vw}
  .lg{display:inline-flex;align-items:flex-start;gap:3px;text-decoration:none;color:#F2F0E6}
  .lg span{font:300 1.25rem "Josefin Sans",sans-serif;letter-spacing:.3em;margin-top:23px}
  .hr{display:flex;gap:14px;align-items:flex-start}
  .hr > a:last-child{font-family:"Josefin Sans",sans-serif!important}
  .hr > a:last-child > span:first-child{border-color:rgba(234,234,229,.6)!important}
  .btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:3px 44px 0 calc(44px + .24em);background:#8D1E22;color:#fff;font:400 .875rem "Josefin Sans",sans-serif;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;transition:background .2s}
  .btn.sm{min-height:40px;padding:2px 18px 0 calc(18px + .22em);font-size:.75rem;margin-top:2px}
  .sls{position:fixed;inset:0}
  .sl{position:absolute;inset:0;visibility:hidden;z-index:1}
  .sl.on,.sl.out{visibility:visible}
  .sl.on{z-index:3}
  .sl.out{z-index:2}
  .fg{position:absolute;margin:0;right:6vw;top:13vh;bottom:9vh;width:min(40vw,62vh);overflow:hidden;clip-path:inset(100% 0 0 0);transition:clip-path .9s cubic-bezier(.77,0,.175,1) .25s,transform .9s cubic-bezier(.19,1,.22,1)}
  .fg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);transition:transform 1.6s cubic-bezier(.19,1,.22,1) .25s}
  .sl.on .fg{clip-path:inset(0 0 0 0)}
  .sl.on .fg img{transform:scale(1)}
  .sl.out .fg{clip-path:inset(0 0 100% 0);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
  .tx{position:absolute;left:7vw;top:50%;transform:translateY(-50%);width:min(46vw,640px);text-shadow:0 1px 3px rgba(0,0,0,.45),0 0 22px rgba(0,0,0,.3)}
  .tx p,.tx h2{margin:0}
  .ln{display:block;overflow:hidden;padding-bottom:.08em}
  .ln > span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform .5s ease,opacity .5s ease}
  .sl.on .ln > span{transform:none;opacity:1;transition:transform .9s cubic-bezier(.77,0,.175,1),opacity .3s ease}
  .k{font:400 .8125rem "Josefin Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#E2DDCA;margin:0 0 14px!important}
  .t{font-weight:400;font-size:clamp(2.75rem,5vw,4.875rem);line-height:1.04}
  .lk{font:400 .8125rem "Josefin Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .hd{padding:22px 20px}
    .fg{left:20px;right:20px;width:auto;top:118px;bottom:auto;height:46svh}
    .tx{left:20px;right:72px;top:auto;bottom:30px;transform:none;width:auto}
    .t{font-size:2.375rem}
    .hr .btn.sm{transition:opacity .4s ease,visibility .4s}
    body.s1 .hr .btn.sm{opacity:0;visibility:hidden;pointer-events:none}
    .hd .hr{position:absolute;top:22px;right:20px}
  }
  @media (prefers-reduced-motion:reduce){
    .fg,.fg img,.ln>span,.c{transition:none!important}
  }
  .fg.rd{clip-path:circle(0% at 50% 50%);transition:clip-path 1.1s cubic-bezier(.77,0,.175,1) .2s}
  .fg.rd img{object-fit:contain}
  .sl.on .fg.rd{clip-path:circle(75% at 50% 50%)}
  .sl.out .fg.rd{clip-path:circle(0% at 50% 50%);transition:clip-path .7s cubic-bezier(.77,0,.175,1)}
  .fg.rd{width:min(46vw,74vh);right:4vw;top:12vh;bottom:6vh}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .fg.rd{height:44svh;top:112px}
    .fg,.fg.rd{left:20px;right:20px;width:auto;top:112px;height:40svh}
    .k{margin-bottom:8px!important;font-size:.6875rem}
    .tx{bottom:26px}
  }
  .fg,.fg.rd,.sl.on .fg,.sl.on .fg.rd,.sl.out .fg,.sl.out .fg.rd{clip-path:none}
  .sl{--d:1}
  .fg{transform:translateY(calc(var(--d)*38%));opacity:0;transition:transform 1.25s cubic-bezier(.65,0,.2,1),opacity .9s ease!important}
  .fg img{transform:scale(1.08) translateY(calc(var(--d)*-6%));transition:transform 1.25s cubic-bezier(.65,0,.2,1)!important}
  .sl.on .fg{transform:none;opacity:1}
  .sl.on .fg img{transform:scale(1.02)}
  .sl.out .fg{transform:translateY(calc(var(--d)*-38%));opacity:0}
  .sl.out .fg img{transform:scale(1.08) translateY(calc(var(--d)*6%))}
  .tx{transition:transform 1.25s cubic-bezier(.65,0,.2,1),opacity .7s ease}
  .sl:not(.on):not(.out) .tx{transform:translateY(calc(-50% + var(--d)*90vh));opacity:0}
  .sl.out .tx{transform:translateY(calc(-50% - var(--d)*90vh));opacity:0}
  .sl .fg.keep,.sl .fg.keep img{transition:none!important}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .sl:not(.on):not(.out) .tx{transform:translateY(calc(var(--d)*90vh))}
    .sl.out .tx{transform:translateY(calc(var(--d)*-90vh))}
  }
  .runa-bar,.rn-foot,.rn-th{display:none}
  .hd nav{display:flex;gap:8px;margin-top:14px;font:400 .75rem "Josefin Sans",sans-serif;letter-spacing:.08em;color:rgba(234,234,229,.55)}
  .hd nav a,.hd nav span{color:#E4E2DA!important;text-decoration:none;padding:6px 2px}
  .hd nav [aria-current]{color:#fff!important;font-weight:500}
  .hdl{display:flex;flex-direction:column}
  .btn:focus-visible,.lk:focus-visible{outline:2px solid #F2F0E6;outline-offset:3px}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .hd nav{margin-top:10px}
    .fg,.fg.rd{top:150px}
    .hd .hdl a.lg{margin:0}
  }
  @media (max-width:700px){
    body{background-image:url(../img/bois-m-r2.webp)}
  }
  .fg.rd{overflow:visible}
  .fg.rd img{filter:drop-shadow(0 .35vmin .5vmin rgba(12,6,2,.55)) drop-shadow(-.3vmin 2.2vmin 2.2vmin rgba(12,6,2,.6)) drop-shadow(-.6vmin 4.6vmin 5.4vmin rgba(12,6,2,.42))}
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:660px){
    .tx{top:calc(50% + 50px)}
    .fg.rd{top:calc(12vh + 24px);bottom:3vh}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:520px){
    .t{font-size:clamp(2.25rem,9vh,3.75rem)}
  }
  .sl.on .fg.rd img{transform:none}
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px){
    .fg.rd{display:none}
    body{background:url(../img/bois-n5.webp) 100% 50%/auto max(100vh,45.92vw) no-repeat #3a2a1c}
    .sls::before{content:"";position:fixed;inset:0;pointer-events:none;background:url(../img/bois-p5.webp) 100% 50%/auto max(100vh,45.92vw) no-repeat;z-index:-2;opacity:0;transition:opacity .9s ease}
    body.s12 .sls::before{opacity:1}
    .sls::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(12,10,8,.5) 0%,rgba(12,10,8,.2) 42%,rgba(12,10,8,0) 55%)}
    .tx{width:min(46vw,640px,calc(93vw - max(42vw,90.6vh) - 20px))}
    .sl:nth-of-type(1) .t{font-size:clamp(2.5rem,4.6vw,4.25rem)}
    body::before{display:none}
  }
  .tx div.resa{display:flex;flex-direction:column;align-items:flex-start;gap:30px;margin:0;max-width:none;width:auto;color:#F2F0E6}
  .tx .resa-p{margin:0;text-align:left;font-family:"EB Garamond",serif;font-style:italic;font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.75;text-wrap:balance}
  .hf{position:fixed;z-index:20;left:7vw;bottom:34px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
  .hf > *{opacity:0;transition:opacity .6s ease}
  .hf > div{display:flex;gap:20px;margin-left:-10px}
  .hf p{margin:0;font:400 .75rem "Josefin Sans",sans-serif;color:#E4E2DA}
  body.s1 .hf{pointer-events:auto}
  body.s1 .hf > *{opacity:1}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .hf{display:none}
    .tx .resa-p{font-size:1.3125rem;line-height:1.65}
    .tx div.resa{gap:18px}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:700px){
    .hf{display:none}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:820px){
    .t{font-size:clamp(2.375rem,7.2vh,4rem)}
    .tx .resa-p{font-size:clamp(1.3125rem,3.5vh,1.875rem);line-height:1.6}
    .tx div.resa{gap:20px}
    .k{margin-bottom:10px!important}
    .sl:nth-of-type(1) .tx{top:calc(50% + 10px)}
  }
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .tx .resa-p{display:none}
  }
  .tx{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .5s ease}
  .sl:not(.on):not(.out) .tx{transform:translateY(calc(-50% + var(--d)*48px));opacity:0}
  .sl.out .tx{transform:translateY(calc(-50% - var(--d)*48px));opacity:0;transition:transform .45s ease-in,opacity .3s ease}
  .sl.on .ln > span{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .4s ease}
  .ln > span{transition:transform .3s ease,opacity .25s ease}
  .fg{transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .55s ease!important}
  .fg img{transition:transform .8s cubic-bezier(.22,.61,.36,1)!important}
  .fg{transform:translateY(calc(var(--d)*14%))}
  .sl.out .fg{transform:translateY(calc(var(--d)*-14%))}
  .sl.on .fg{transform:none}
  .sls::before{transition:opacity .6s ease}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .sl:not(.on):not(.out) .tx{transform:translateY(calc(var(--d)*40px))}
    .sl.out .tx{transform:translateY(calc(var(--d)*-40px))}
    .sl.on .tx{transform:none}
    body::before{background:linear-gradient(180deg,rgba(12,10,8,.4) 0%,rgba(12,10,8,0) 15%,rgba(12,10,8,0) 58%,rgba(12,10,8,.45) 74%,rgba(12,10,8,.7) 100%)}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:820px){
    .sl:nth-of-type(1) .t{font-size:clamp(2rem,min(4.6vw,7.2vh),4.25rem)}
    .tx .resa-p{font-size:clamp(1.0625rem,min(2.3vw,3.5vh),1.875rem)}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:560px){
    .sl:nth-of-type(1) .tx{top:calc(50% + 34px)}
  }
  @media (max-width:359px){
    .hr .btn.sm{padding:2px 12px 0 calc(12px + .16em);letter-spacing:.16em}
  }
  .nx{display:none}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .nx{display:flex;position:fixed;z-index:30;right:14px;bottom:24px;width:44px;height:44px;align-items:center;justify-content:center;padding:0;background:none;border:0;color:#F2F0E6;opacity:.75;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .4s ease,visibility .4s}
    .nx svg{animation:nxb 2.4s ease-in-out infinite;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
    body.sN .nx{opacity:0;visibility:hidden}
  }
  @keyframes nxb{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(6px)}}
  @media (prefers-reduced-motion:reduce){
    .nx svg{animation:none}
  }
  .nx:focus-visible{outline:2px solid #F2F0E6;outline-offset:2px;border-radius:50%}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .sls{overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}
    .sls::-webkit-scrollbar{display:none}
    .sl{position:relative;inset:auto;height:100%;visibility:visible;scroll-snap-align:start;overflow:hidden}
    .fg:not(.rd){top:168px}
    .fg img[src*="sommeliere"]{object-position:40% 16%}
    .fg img[src*="s-p7"]{object-position:50% 38%}
    .fg img[src*="fachada"]{object-position:50% 48%}
    .hd nav{transition:opacity .3s ease,visibility .3s}
    body.scr .hd nav{opacity:0;visibility:hidden;pointer-events:none}
    .sl:not(:first-of-type) .fg:not(.rd){top:120px!important}
    .k01{position:relative;height:200%;scroll-snap-align:start}
    .k01-s{position:sticky;top:0;height:50%;overflow:hidden}
    .k01-p{height:50%;scroll-snap-align:start}
    .sls .k01 .sl:not(.zz){position:absolute;inset:0;height:auto;scroll-snap-align:none;z-index:1}
    .sls .k01 .sl.on:not(.zz){z-index:2}
    .k01 ~ .sl .fg:not(.rd){top:120px!important}
  }
  .hd nav a,.hd nav span{color:var(--runa-creme-clair)!important}
  .hd nav [aria-current]{color:var(--runa-creme)!important}
  .hf p a{display:inline-block;padding:7px 0}
  .hd a:focus-visible,.hf a:focus-visible,.sls a:focus-visible,.nx:focus-visible{outline:2px solid var(--runa-creme);outline-offset:4px}
  .rn-pg{display:none}
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px){
    .rn-pg{display:flex;flex-direction:column;gap:4px;position:fixed;z-index:31;right:max(8px,1.2vw);top:50%;transform:translateY(-50%)}
    .rn-pg button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
    .rn-pg button::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid rgba(242,240,230,.8);box-shadow:0 0 8px rgba(0,0,0,.5);transition:background-color .3s ease,transform .3s ease}
    .rn-pg button:hover::before{background:rgba(242,240,230,.55)}
    .rn-pg button[aria-current]::before{background:var(--runa-creme);transform:scale(1.3)}
    .rn-pg button:focus-visible{outline:2px solid var(--runa-creme);outline-offset:0}
  }
  @media (prefers-reduced-motion:reduce){
    .rn-pg button::before{transition:none}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px){
    .tx{container-type:inline-size}
    .t{font-size:clamp(1.875rem,min(14cqi,5vw),4.875rem)}
    .sl:nth-of-type(1) .t{font-size:clamp(1.875rem,min(14cqi,4.6vw),4.25rem)}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:820px){
    .t{font-size:clamp(1.875rem,min(14cqi,7.2vh),4rem)}
    .sl:nth-of-type(1) .t{font-size:clamp(1.875rem,min(14cqi,4.6vw,7.2vh),4.25rem)}
  }
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:520px){
    .t,.sl:nth-of-type(1) .t{font-size:clamp(1.75rem,min(14cqi,9vh),3.75rem)}
  }
  @media (min-width:1800px) and (min-height:1000px) and (min-aspect-ratio:5/4){
    .hd{padding:44px 6vw}
    .tx{width:min(46vw,820px,calc(93vw - max(42vw,90.6vh) - 20px))}
    .t{font-size:clamp(2.75rem,min(14cqi,4.6vw),6.5rem)}
    .sl:nth-of-type(1) .t{font-size:clamp(2.5rem,min(14cqi,4.2vw),5.75rem)}
    .tx .resa-p{font-size:clamp(1.5rem,2vw,2.625rem)}
    .btn{min-height:62px;font-size:1rem}
    .hf p{font-size:.875rem}
  }
  @media (max-width:899px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){
    .hd{padding:14px 20px}
    .hd .hr{top:14px;right:20px}
    .hdl{flex-direction:row;align-items:center;gap:24px}
    .hd nav{margin-top:0;flex:0 0 auto!important;order:0!important}
    .hdl{flex-wrap:nowrap}
    .hd .lg{flex:none}
    html body .sls .sl .fg,html body .sls .sl .fg.rd,html body .sls .sl .fg:not(.rd){top:86px!important;left:auto!important;right:20px!important;height:auto!important}
    html body .sls .sl .tx{left:20px;right:calc(38vw + 72px);bottom:16px;top:auto}
    .sls .t{font-size:1.875rem}
    .sls .k{margin-bottom:6px!important}
    .btn{min-height:46px}
    .nx{right:calc(38vw + 26px);bottom:12px}
  }
  @media (orientation:landscape) and (max-height:380px){
    .sls .t{font-size:1.6875rem}
  }
  @media (min-width:700px) and (max-aspect-ratio:1249/1000){
    .hd{padding:32px 44px}
    .hd .hr{top:32px;right:44px}
    html body .sls .sl .fg,html body .sls .sl .fg.rd{left:44px!important;right:44px!important}
    html body .sls .sl .fg.rd,html body .sls .sl:first-of-type .fg:not(.rd){top:184px!important}
    html body .sls .sl:not(:first-of-type) .fg:not(.rd),html body .sls .k01 ~ .sl .fg:not(.rd){top:140px!important}
    html body .sls .sl .tx{left:44px;right:120px;bottom:48px}
    .sls .t{font-size:clamp(2.75rem,6vw,4rem)}
    .nx{right:38px;bottom:40px}
  }
  .hf{visibility:hidden;transition:visibility 0s .6s}
  body.s1 .hf{visibility:visible;transition-delay:0s}
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (max-aspect-ratio:31/20) and (min-height:501px){
    .sls::before{display:none}
    .sls .sl .fg.rd{display:block;left:auto;right:5vw;top:calc(50% - min(20vw,29vh) + 3vh);bottom:auto;width:min(40vw,58vh);height:min(40vw,58vh)}
    .tx{width:min(46vw,640px,calc(100vw - 7vw - min(40vw,58vh) - 5vw - 56px))}
  }
  @media (min-width:1800px) and (min-height:1000px) and (min-aspect-ratio:5/4) and (max-aspect-ratio:31/20){
    .tx{width:min(46vw,820px,calc(100vw - 7vw - min(40vw,58vh) - 5vw - 56px))}
  }
  @media (min-width:2200px) and (min-height:1100px){
    .hd .hdl,.hd .hr{zoom:1.3}
    .hf{zoom:1.25}
    .rn-pg{zoom:1.3}
  }
  .tx h2{font-weight:400}
  .sls .c .lk{position:relative}
  .sls .c .lk::after{content:"";position:absolute;left:-8px;right:-8px;top:-12px;bottom:-12px}
  .tx.tx-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(242,240,230,.4) transparent}
  .fg picture{display:block;width:100%;height:100%}
  .sls .fg img[width][height]{height:100%}
  @media (max-resolution:1dppx) and (max-width:1920px) and (max-height:950px) and (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px){
    html.p-home body{background-image:url(../img/bois-n5-1920.webp)}
    html.p-home .sls::before{background-image:url(../img/bois-p5-1920.webp)}
  }
  .ln{overflow:visible;clip-path:inset(-.6em -.6em 0 -.6em)}
}
@layer retouches{
  .rn-foot-dark a{color:rgba(234,234,229,.7)}
  .rn-foot-dark a:hover{color:#EAEAE5}
  .hr > a:last-child{display:inline-flex;flex-direction:column;align-items:center;gap:6px;color:#EAEAE5;text-decoration:none;text-transform:uppercase}
  .btn:hover{background:#9E2A2E}
  .t2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.15;margin-bottom:34px}
  .s{font-size:clamp(1.5rem,2.2vw,2.125rem);margin-top:10px}
  .b{font-size:1.375rem;line-height:1.45;margin-top:18px}
  .c{margin-top:34px;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .4s}
  .sl.on .c{opacity:1;transform:none;transition:opacity .8s ease .75s,transform .8s cubic-bezier(.19,1,.22,1) .75s}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .t2{font-size:1.75rem;margin-bottom:18px}
    .s{font-size:1.375rem}
    .b{font-size:1.125rem}
    .c{margin-top:20px}
    .t2{font-size:1.5rem;margin-bottom:14px}
  }
  .sl .fg.keep,.sl .fg.keep img{transform:none;opacity:1}
  .sl.out .fg.keep{opacity:0}
  .tx a{color:#F2F0E6}
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:520px){
    .c{margin-top:22px}
  }
  .lg:hover{color:#F2F0E6}
  .hf a{color:#EAEAE5}
  .hf p a{color:inherit}
  @media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:501px) and (max-height:820px){
    .sl:nth-of-type(1) .c{margin-top:20px}
    .s{margin-top:4px}
  }
  .sl.on .c{transition:opacity .5s ease .25s,transform .6s cubic-bezier(.22,.61,.36,1) .25s}
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .sl .fg,.sl.out .fg,.sl:not(.on):not(.out) .fg,.sl.on .fg{transform:none;opacity:1}
    .sl .fg img{transform:none}
    .sl .tx,.sl.out .tx,.sl:not(.on):not(.out) .tx{transform:none;opacity:1}
    .sls .k01 .sl:not(.zz):not(.zy) .tx{opacity:0;transition:opacity .45s ease;pointer-events:none}
    .sls .k01 .sl.on:not(.zz):not(.zy) .tx{opacity:1;pointer-events:auto}
  }
  .btn:hover,.rn-book:hover{background:var(--runa-rouge-survol)}
  @media (min-width:1800px) and (min-height:1000px) and (min-aspect-ratio:5/4){
    .t2{font-size:clamp(2rem,3vw,4rem)}
    .s{font-size:clamp(1.5rem,2vw,2.625rem)}
    .b{font-size:1.625rem}
  }
  @media (max-width:899px),(max-aspect-ratio:1249/1000),(max-height:500px),(scripting:none){
    .sls .k{font-size:.75rem}
  }
  @media (max-width:899px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){
    html body .sls .sl .fg,html body .sls .sl .fg.rd,html body .sls .sl .fg:not(.rd){bottom:16px;width:38vw}
    .sls .t2{font-size:1.375rem;margin-bottom:10px}
    .sls .s{font-size:1.125rem;margin-top:4px}
    .sls .b{font-size:1rem;line-height:1.45;margin-top:10px}
    .sls .c{margin-top:14px}
  }
  @media (orientation:landscape) and (max-height:380px){
    .sls .b{font-size:.9375rem}
  }
  @media (min-width:700px) and (max-aspect-ratio:1249/1000){
    .sls .t2{font-size:clamp(1.875rem,4vw,2.625rem)}
    .sls .s{font-size:1.75rem}
    .sls .b{font-size:1.375rem;max-width:36em}
    .sls .k{font-size:.8125rem}
  }
}

/* J4 — Sans JavaScript (désactivé ou bloqué), l'accueil prend la mise en page « téléphone » sur tous les écrans
   (voir « (scripting:none) » ci-dessus) : les cinq écrans s'empilent et se lisent en faisant défiler la page. */
@media (scripting:none){
  @layer retouches{
    html body .sls .sl{visibility:visible}
    html body .sls .sl .tx{opacity:1;transform:none}
    html body .sls .sl .ln > span{opacity:1;transform:none}
    html body .sls .sl .c{opacity:1;transform:none}
    html body .sls .sl .fg{opacity:1;transform:none;clip-path:none}
  }
}