/* ============================================================
   MMV — L'EXPÉRIENCE À TABLE (page 2138) — refonte 11/09/2026
   Visuel aligné sur la page Groupes & Évènements (1336)
   ============================================================ */
html body.page-id-2138{overflow-x:clip}
.mdvx{--iv:#FFFBF0;--br:#402E15;--bt:#5B4B3C;--or:#B29760;--os:#836C3F;--nr:#150E06;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:var(--iv);color:var(--bt);
  font-family:"Alegreya",Georgia,serif;font-size:17px;line-height:1.2;-webkit-font-smoothing:antialiased}
.mdvx *{box-sizing:border-box}
.mdvx p,.mdvx h2,.mdvx h3,.mdvx ul,.mdvx figure{margin:0;padding:0}
.mdvx img{display:block;max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
.mdvx a{text-decoration:none;box-shadow:none}
.mdvx section{scroll-margin-top:96px}
.mdvx p,.mdvx .x-t,.mdvx h3{text-wrap:balance}
.mdvx .todo{background:rgba(178,151,96,.18);box-shadow:0 0 0 1px rgba(178,151,96,.4);padding:0 .22em}

/* ---- trame ---- */
.mdvx .x-sec{padding:80px 20px}
.mdvx .x-in{max-width:1100px;margin:0 auto}
.mdvx .x-head{text-align:center;margin-bottom:48px}
.mdvx .x-t{font-family:"Alegreya",Georgia,serif;font-weight:400;font-size:clamp(27px,3.6vw,36px);letter-spacing:.028em;line-height:1.16;text-transform:uppercase;color:var(--br);text-align:center}
.mdvx .x-t em{font-family:"Parisienne",cursive;font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;font-size:1.5em;line-height:.8}
.mdvx .x-st{font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.185em;line-height:1.3;text-transform:uppercase;color:var(--os);margin-top:16px}
.mdvx .x-lead{max-width:690px;margin:22px auto 0;font-size:17px;line-height:1.35;color:var(--bt);text-align:center}
.mdvx .x-kick{font-family:"Alegreya SC",Georgia,serif;font-size:12px;letter-spacing:.185em;line-height:1.2;text-transform:uppercase;color:var(--os);margin-bottom:12px}
.mdvx .x-nom{font-family:"Alegreya SC",Georgia,serif;font-size:24px;font-weight:500;letter-spacing:.02em;line-height:1.15;color:var(--br);margin-bottom:14px}
.mdvx .x-filet{width:44px;height:1px;background:var(--or);margin-bottom:22px}
.mdvx .x-txt{font-size:17px;line-height:1.2;color:var(--bt)}
.mdvx .x-txt + .x-txt{margin-top:12px}

/* ---- liens et boutons ---- */
.mdvx .x-lien{display:inline-block;margin-top:32px;font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.2em;line-height:1.5;text-transform:uppercase;color:var(--br);border-bottom:1px solid var(--or);padding-bottom:3px;transition:color .3s,border-color .3s}
.mdvx .x-lien:hover{color:var(--os)}
.mdvx .x-btn{display:inline-block;font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.2em;line-height:1.5;text-transform:uppercase;color:var(--br);border:1px solid var(--or);border-radius:0;padding:15px 34px;
  background:linear-gradient(var(--or),var(--or)) no-repeat 0 100%/100% 0;transition:background-size .4s cubic-bezier(.3,.7,.2,1),color .35s}
.mdvx .x-btn:hover,.mdvx .x-btn:focus-visible{background-size:100% 100%;color:var(--iv)}
.mdvx .x-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}

/* ---- 1. intro ---- */
.mdvx .x-rep{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:40px;list-style:none}
.mdvx .x-rep li{font-family:"Alegreya SC",Georgia,serif;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--br);margin:0}
.mdvx .x-rep li.g img{height:26px;width:auto}

/* ---- 2. lieu : damier pleine largeur ---- */
.mdvx .x-lieu{padding-bottom:0}
.mdvx .x-rows{margin:0 -20px}
.mdvx .x-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.mdvx .x-ph{position:relative;min-height:380px;overflow:hidden;background:#e9e1d0}
.mdvx .x-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.8s cubic-bezier(.22,.61,.36,1)}
.mdvx .x-row.rv-in .x-ph img,.mdvx:not(.rv-on) .x-ph img{transform:none}
.mdvx .x-corps{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px clamp(24px,5vw,72px)}
.mdvx .x-corps > *{max-width:470px}
.mdvx .x-row--inv .x-ph{order:2}

/* ---- 3. cuisine : cartes ---- */
.mdvx .x-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px}
.mdvx .x-carte{text-align:center}
.mdvx .x-carte .x-img{aspect-ratio:4/3;overflow:hidden;margin-bottom:20px;background:#e9e1d0}
.mdvx .x-carte .x-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.mdvx .x-carte:hover .x-img img{transform:scale(1.04)}
.mdvx .x-carte .x-kick{margin-bottom:8px}
.mdvx .x-carte h3{font-family:"Alegreya SC",Georgia,serif;font-size:20px;font-weight:500;letter-spacing:.02em;line-height:1.25;color:var(--br);margin-bottom:12px}
.mdvx .x-carte p.x-txt{font-size:15.5px;line-height:1.25;max-width:320px;margin:0 auto}
.mdvx .x-cuisine .x-btns{margin-top:56px}

/* ---- 4. boucle de plats ---- */
.mdvx .x-gal{overflow:hidden;background:var(--iv)}
.mdvx .x-gal-tr{display:flex;width:max-content;animation:mdvxMarq 64s linear infinite reverse}
.mdvx .x-gal:hover .x-gal-tr{animation-play-state:paused}
.mdvx .x-gal img{flex:none;width:clamp(150px,17vw,240px);height:clamp(150px,17vw,240px);object-fit:cover;margin-right:2px}
@keyframes mdvxMarq{to{transform:translateX(-25%)}}

/* ---- 5. le vin (photo en fond, tout en ivoire) ---- */
.mdvx .x-vin{position:relative;display:flex;align-items:center;min-height:560px;padding:84px 20px;color:var(--iv);
  background:#050505 url("/wp-content/uploads/2026/03/xcgvhb.jpg.webp") right center/cover no-repeat}
.mdvx .x-vin::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.66) 42%,rgba(5,5,5,.05) 78%)}
.mdvx .x-vin .x-in{position:relative;width:100%}
.mdvx .x-vin-txt{max-width:480px}
.mdvx .x-vin .x-t{color:var(--iv);text-align:left}
.mdvx .x-vin .x-st{color:rgba(255,251,240,.78);margin-bottom:30px}
.mdvx .x-vin .x-txt{color:rgba(255,251,240,.86);font-size:16.5px;line-height:1.3}
.mdvx .x-vin-it{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,251,240,.22)}
.mdvx .x-vin-it b{display:block;font-family:"Alegreya SC",Georgia,serif;font-weight:400;font-size:15px;letter-spacing:.06em;color:var(--iv);margin-bottom:6px}
.mdvx .x-vin .x-lien{color:var(--iv);border-bottom-color:rgba(255,251,240,.7)}
.mdvx .x-vin .x-lien:hover{color:rgba(255,251,240,.75)}

/* ---- 6. partage caveau ---- */
.mdvx .x-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mdvx .x-case{background:var(--iv);border:1px solid rgba(178,151,96,.35);padding:32px 22px;text-align:center;transition:border-color .35s}
.mdvx .x-case:hover{border-color:var(--or)}
.mdvx .x-case img{width:150px;height:84px;object-fit:contain;margin:0 auto 20px}
.mdvx .x-case h3{font-family:"Alegreya SC",Georgia,serif;font-size:16px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;color:var(--br);margin-bottom:10px}
.mdvx .x-case p{font-size:15.5px;line-height:1.35;color:var(--bt)}
.mdvx .x-partage .x-btns{margin-top:48px}

/* ---- 7. orgue ---- */
.mdvx .x-orgue{padding:0}
.mdvx .x-orgue .x-ph{display:flex;align-items:center;justify-content:center;background:var(--iv);padding:48px clamp(24px,5vw,72px)}
.mdvx .x-cadre{width:100%;max-width:460px;aspect-ratio:16/11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:28px;
  border:2px solid var(--or);box-shadow:inset 0 0 0 5px var(--iv),inset 0 0 0 6px var(--or)}
.mdvx .x-cadre .or{color:var(--or);font-size:20px;line-height:1}
.mdvx .x-cadre .x-kick{margin:0}
.mdvx .x-cadre p{font-size:15px;color:var(--bt);max-width:280px}
.mdvx .x-specs{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:26px;font-family:"Alegreya SC",Georgia,serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--os)}
.mdvx .x-specs span.or{color:var(--or);letter-spacing:0}
.mdvx .x-orgue em{font-style:normal;font-family:"Alegreya SC",Georgia,serif;letter-spacing:.02em;color:var(--br)}

/* ---- 8. histoire ---- */
.mdvx .x-histoire{text-align:center}
.mdvx .x-histoire .x-head{margin-bottom:0}

/* ---- 9. groupes : bloc noir ---- */
.mdvx .x-cta{background:var(--nr);color:var(--iv);text-align:center;padding:72px 20px 68px}
.mdvx .x-cta .x-st{color:rgba(255,251,240,.8);margin:0 0 14px}
.mdvx .x-cta .x-t{color:var(--iv)}
.mdvx .x-cta .x-lead{color:rgba(255,251,240,.86);max-width:640px;margin-top:18px}
.mdvx .x-btn--iv{color:var(--iv);border-color:var(--iv);background-image:linear-gradient(var(--iv),var(--iv))}
.mdvx .x-btn--iv:hover,.mdvx .x-btn--iv:focus-visible{color:var(--nr)}
.mdvx .x-cta .x-btns{margin-top:34px}

/* ---- 10. service ---- */
.mdvx .x-svc{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto}
.mdvx .x-svc > div{text-align:center;padding:10px 24px}
.mdvx .x-svc > div + div{border-left:1px solid rgba(178,151,96,.45)}
.mdvx .x-svc .x-kick{margin-bottom:10px}
.mdvx .x-svc .v{font-family:"Alegreya SC",Georgia,serif;font-size:22px;letter-spacing:.02em;line-height:1.25;color:var(--br)}
.mdvx .x-svc a{color:var(--br)}
.mdvx .x-svc a:hover{color:var(--os)}
.mdvx .x-note{max-width:640px;margin:44px auto 0;text-align:center;font-size:16px;line-height:1.35;color:var(--bt)}

/* ---- 11. venir ---- */
.mdvx .x-venir{padding-top:0;text-align:center}
.mdvx .x-orn{display:flex;align-items:center;justify-content:center;gap:16px;max-width:900px;margin:0 auto 64px;color:var(--or)}
.mdvx .x-orn::before,.mdvx .x-orn::after{content:"";flex:1;height:1px;background:rgba(178,151,96,.45)}
.mdvx .x-orn img{height:30px;width:auto}

/* ---- apparitions ---- */
.mdvx.rv-on [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.mdvx.rv-on [data-rv].rv-in{opacity:1;transform:none}
.mdvx.rv-on .x-cta[data-rv]{opacity:1;transform:none;clip-path:inset(0 50% 0 50%);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.mdvx.rv-on .x-cta.rv-in{clip-path:inset(0 0 0 0)}
.mdvx.rv-on .x-cta .x-st{opacity:0;letter-spacing:.5em;transition:opacity .9s .5s,letter-spacing 1.2s .5s cubic-bezier(.2,.7,.2,1)}
.mdvx.rv-on .x-cta .x-t{opacity:0;filter:blur(10px);transition:opacity 1s .8s,filter 1s .8s}
.mdvx.rv-on .x-cta .x-lead,.mdvx.rv-on .x-cta .x-btns{opacity:0;transform:translateY(14px);transition:opacity .8s 1.1s,transform .9s 1.1s cubic-bezier(.2,.7,.2,1)}
.mdvx.rv-on .x-cta .x-btns{transition-delay:1.3s}
.mdvx.rv-on .x-cta.rv-in .x-st{opacity:1;letter-spacing:.185em}
.mdvx.rv-on .x-cta.rv-in .x-t{opacity:1;filter:none}
.mdvx.rv-on .x-cta.rv-in .x-lead,.mdvx.rv-on .x-cta.rv-in .x-btns{opacity:1;transform:none}

/* ---- tablette ---- */
@media (max-width:1024px){
  .mdvx .x-cases{grid-template-columns:repeat(2,1fr)}
  .mdvx .x-cartes{gap:40px 22px}
}
/* ---- mobile ---- */
@media (max-width:767px){
  .mdvx .x-sec{padding:56px 20px}
  .mdvx .x-head{margin-bottom:32px}
  .mdvx .x-lieu{padding-bottom:0}
  .mdvx .x-row{grid-template-columns:1fr}
  .mdvx .x-row .x-ph,.mdvx .x-row--inv .x-ph{order:-1;min-height:0;aspect-ratio:4/3}
  .mdvx .x-corps{padding:34px 20px 50px}
  .mdvx .x-cartes{grid-template-columns:1fr;gap:44px;max-width:420px;margin:0 auto}
  .mdvx .x-vin{min-height:0;padding:64px 20px;background-position:72% center}
  .mdvx .x-vin::before{background:rgba(5,5,5,.72)}
  .mdvx .x-orgue .x-ph{padding:48px 20px 8px}
  .mdvx .x-svc{grid-template-columns:1fr}
  .mdvx .x-svc > div{padding:18px 0}
  .mdvx .x-svc > div + div{border-left:0;border-top:1px solid rgba(178,151,96,.45)}
  .mdvx .x-rep{flex-direction:column;gap:12px}
  .mdvx .x-rep li.g img{height:22px}
  .mdvx .x-orn{margin-bottom:48px}
  .mdvx .x-btn{padding:14px 26px}
}
@media (max-width:520px){
  .mdvx .x-cases{grid-template-columns:1fr;max-width:340px;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){
  .mdvx .x-gal-tr{animation:none}
  .mdvx .x-gal{overflow-x:auto}
  .mdvx .x-ph img,.mdvx .x-carte .x-img img{transition:none;transform:none}
}

/* ---- correctifs ---- */
.mdvx a,.mdvx a:hover,.mdvx a:focus{text-decoration:none!important}
.mdvx .x-t em{margin-left:.14em}
.mdvx sup{font-size:.62em;line-height:0;vertical-align:.5em}
.mdvx .x-specs{letter-spacing:.12em;gap:6px 10px}
.mdvx .x-specs sup{text-transform:lowercase}
.mdvx .x-case h3{min-height:2.6em;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.mdvx .x-intro{padding-bottom:40px}
.mdvx .x-case img{margin-bottom:16px}

/* ---- structure v2 (11/09/2026) : blocs fusionnés ---- */
.mdvx .x-intro .x-lien{margin-top:36px}
.mdvx .x-row--orgue .x-ph{display:flex;align-items:center;justify-content:center;background:var(--iv);padding:48px clamp(24px,5vw,72px)}
.mdvx .x-cases--3{grid-template-columns:repeat(3,1fr);max-width:960px;margin:0 auto}
.mdvx .x-pratique .x-svc{grid-template-columns:repeat(4,1fr);max-width:1060px}
.mdvx .x-svc .s{font-size:14.5px;line-height:1.3;color:var(--bt);margin-top:6px}
.mdvx .x-svc .v--adr{font-family:"Alegreya",Georgia,serif;font-size:17px;letter-spacing:0;line-height:1.3}
@media (max-width:1024px){
  .mdvx .x-pratique .x-svc{grid-template-columns:repeat(2,1fr);row-gap:0}
  .mdvx .x-pratique .x-svc > div:nth-child(3){border-left:0}
  .mdvx .x-pratique .x-svc > div:nth-child(n+3){border-top:1px solid rgba(178,151,96,.45);padding-top:22px;margin-top:12px}
}
@media (max-width:767px){
  .mdvx .x-row--orgue .x-ph{aspect-ratio:auto;padding:48px 20px 8px}
  .mdvx .x-cases--3{grid-template-columns:1fr;max-width:340px}
  .mdvx .x-pratique .x-svc{grid-template-columns:1fr}
  .mdvx .x-pratique .x-svc > div + div{border-left:0;border-top:1px solid rgba(178,151,96,.45);margin-top:0;padding-top:18px}
}
.mdvx .x-row--orgue em{font-style:normal;font-family:"Alegreya SC",Georgia,serif;letter-spacing:.02em;color:var(--br)}
/* bloc vin raccourci */
.mdvx .x-vin{min-height:0;padding:72px 20px}
.mdvx .x-vin .x-st{margin-bottom:10px}
.mdvx .x-vin-it{margin-top:14px;padding-top:14px}
.mdvx .x-vin-it b{margin-bottom:4px}
.mdvx .x-vin .x-lien{margin-top:26px}
/* ---- 8. venir v2 : photo + fiche ---- */
.mdvx .x-venir2{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--iv)}
.mdvx .x-v2-ph{position:relative;min-height:520px;overflow:hidden;background:#e9e1d0}
.mdvx .x-v2-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mdvx .x-v2-corps{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(24px,5.5vw,84px)}
.mdvx .x-v2-corps > *{max-width:500px;width:100%}
.mdvx .x-venir2 .x-t{text-align:left;margin-bottom:34px;font-size:clamp(25px,2.7vw,34px)}
.mdvx .x-v2-fiche{margin:0;padding:0}
.mdvx .x-v2-fiche > div{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:baseline;padding:15px 0;border-top:1px solid rgba(178,151,96,.4)}
.mdvx .x-v2-fiche > div:last-child{border-bottom:1px solid rgba(178,151,96,.4)}
.mdvx .x-v2-fiche dt{font-family:"Alegreya SC",Georgia,serif;font-size:12px;letter-spacing:.185em;text-transform:uppercase;color:var(--os);margin:0}
.mdvx .x-v2-fiche dd{margin:0;font-size:17px;line-height:1.3;color:var(--br)}
.mdvx .x-v2-fiche dd a{color:var(--br);font-family:"Alegreya SC",Georgia,serif;font-size:19px;letter-spacing:.04em}
.mdvx .x-v2-fiche dd a:hover{color:var(--os)}
.mdvx .x-v2-fiche small{display:block;margin-top:4px;font-size:14.5px;color:var(--bt)}
.mdvx .x-v2-act{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:36px}
.mdvx .x-v2-act .x-lien{margin-top:0}
@media (max-width:767px){
  .mdvx .x-venir2{grid-template-columns:1fr}
  .mdvx .x-v2-ph{min-height:0;aspect-ratio:4/3}
  .mdvx .x-v2-corps{padding:40px 20px 60px}
  .mdvx .x-venir2 .x-t{margin-bottom:26px}
  .mdvx .x-v2-fiche > div{grid-template-columns:1fr;gap:4px;padding:13px 0}
  .mdvx .x-v2-act{flex-direction:column;align-items:flex-start;gap:20px}
}
/* ---- orgue : photo en fond, tout en ivoire ---- */
.mdvx .x-orgue-bg{position:relative;display:flex;align-items:center;min-height:600px;padding:80px clamp(24px,5.5vw,84px);color:var(--iv);
  background:#1a120a url("/wp-content/uploads/2026/09/salle-orgue-restaurant-maison-maconnaise-des-vins.jpg.webp") 62% 55%/cover no-repeat}
.mdvx .x-orgue-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,14,6,.9) 0%,rgba(21,14,6,.78) 34%,rgba(21,14,6,.3) 62%,rgba(21,14,6,0) 80%)}
.mdvx .x-orgue-in{position:relative;max-width:470px}
.mdvx .x-orgue-bg .x-kick{color:rgba(255,251,240,.78)}
.mdvx .x-orgue-bg .x-nom{color:var(--iv)}
.mdvx .x-orgue-bg .x-filet{background:rgba(255,251,240,.7)}
.mdvx .x-orgue-bg .x-txt{color:rgba(255,251,240,.88)}
.mdvx .x-orgue-bg em{font-style:normal;font-family:"Alegreya SC",Georgia,serif;letter-spacing:.02em;color:var(--iv)}
.mdvx .x-orgue-bg .x-specs{color:rgba(255,251,240,.72)}
.mdvx .x-orgue-bg .x-specs span.or{color:rgba(255,251,240,.72)}
.mdvx .x-orgue-bg .todo{background:rgba(255,251,240,.14);box-shadow:0 0 0 1px rgba(255,251,240,.35)}
@media (max-width:767px){
  .mdvx .x-orgue-bg{min-height:0;padding:320px 20px 52px;background-position:88% 0;background-size:auto 400px;background-color:#1a120a}
  .mdvx .x-orgue-bg::before{background:linear-gradient(180deg,rgba(21,14,6,0) 0,rgba(21,14,6,.1) 240px,rgba(21,14,6,.94) 340px,#1a120a 400px)}
}


/* ——— NOTE SOUS LE DAMIER DES SALLES (18/09/2026) ——— */
.x-salles{margin-top:clamp(18px,2vw,30px)}
.x-salles-note{font-family:Alegreya,serif;font-style:italic;font-size:15px;color:#5B4B3C;text-align:center;margin:0}
.x-salles-note a{font-style:normal;color:#836C3F;text-decoration:none;border-bottom:1px solid rgba(178,151,96,.5)}

/* ——— LE VIN À TABLE : habillage repris du bloc « Une Maison née du vin » de l'accueil (18/09/2026) ——— */
#vin.x-vin{min-height:650px;padding:0;display:flex;align-items:center;justify-content:flex-start;background-position:center}
#vin.x-vin::before{background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.86) 32%,rgba(5,5,5,.4) 58%,rgba(5,5,5,.06) 80%)}
#vin .x-in{width:50%;max-width:none;margin:0;padding:80px 4% 80px 7%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}
#vin .x-vin-txt{max-width:460px;text-align:left}
#vin .x-t,#vin .x-st,#vin .x-vin-it{text-align:left}
#vin .x-st{margin-bottom:26px}
#vin a.x-lien{display:inline-block;margin-top:34px;border:1px solid #FFFBF0;padding:15px 32px;font-family:'Alegreya SC',Georgia,serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#FFFBF0;text-decoration:none;transition:background-color .35s cubic-bezier(.22,.61,.36,1),color .35s cubic-bezier(.22,.61,.36,1)}
#vin a.x-lien:hover{background:#FFFBF0;color:#150E06}
@media (max-width:900px){
  #vin.x-vin{min-height:700px;align-items:flex-end;background-position:34% center}
  #vin.x-vin::before{background:linear-gradient(to top,rgba(20,20,20,.95) 0%,rgba(20,20,20,.82) 55%,rgba(20,20,20,.15) 100%)}
  #vin .x-in{width:100%;padding:56px 7%;align-items:center;text-align:center}
  #vin .x-vin-txt{text-align:center}
  #vin .x-t,#vin .x-st,#vin .x-vin-it{text-align:center}
}