/* Gîte de la Riverie — feuille de style unique
   Palette et typographie reprises du site Wix d'origine. */
:root{
  --cream:#FDFAF7;
  --stone:#F5F1ED;
  --green:#5F6F5A;
  --terra:#B56A3F;
  --terra-deep:#9A5730;
  --ink:#2C2C2C;
  --muted:#5A5A5A;
  --line:#D1D1D1;
  --plum:#6D6374;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Crimson Pro",Georgia,"Times New Roman",serif;
  --max:940px;
  --wide:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--body);font-weight:400;font-size:1.19rem;line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1em}

h1,h2{
  font-family:var(--display);font-weight:900;
  font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 100;
  color:var(--terra);line-height:1.02;margin:0 0 .35em;
  font-size:clamp(2.4rem,5.2vw,4.14rem);
}
h3{
  font-family:var(--display);font-weight:900;
  font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 40;
  color:var(--green);line-height:1.1;margin:0 0 .4em;
  font-size:clamp(1.55rem,2.6vw,2.06rem);
}
.sub{color:var(--muted);font-size:1.44rem;line-height:1.25;max-width:62ch;margin-left:auto;margin-right:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:300}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}

/* ---------- Boutons ---------- */
.btn{
  display:inline-block;background:var(--terra-deep);color:var(--cream);text-decoration:none;
  font-family:var(--body);font-size:1.19rem;font-weight:400;text-transform:uppercase;
  letter-spacing:.117em;line-height:1.15;
  padding:.79rem 1.57rem;border:0;border-radius:4px;cursor:pointer;
  transition:background .18s ease;
}
.btn:hover{background:#874B29}
.btn-ghost{
  background:transparent;color:var(--ink);border:1px solid var(--plum);
  font-size:1.06rem;letter-spacing:.1em;padding:.72rem 1.5rem;
}
.btn-ghost:hover{background:var(--plum);color:var(--cream)}
.btn-light{background:var(--cream);color:var(--ink);border-radius:0;font-size:1.06rem;padding:.52rem 1.3rem}
.btn-light:hover{background:#fff}

/* ---------- En-tête ---------- */
.site-header{
  position:sticky;top:0;z-index:50;background:var(--green);
  min-height:64px;display:flex;align-items:center;gap:1.5rem;
  padding:0 clamp(1rem,3vw,2.5rem);
}
.brand{text-decoration:none;color:var(--cream);display:flex;align-items:baseline;gap:.55rem;flex:0 0 auto}
.brand-mark{font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;font-size:1.35rem;letter-spacing:.02em;line-height:1}
.brand-sub{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8;white-space:nowrap}
@media (max-width:1180px){.brand-sub{display:none}}
.brand{display:flex;align-items:center;flex:0 0 auto;margin-right:.4rem}
.brand img{height:48px;width:auto;display:block}
@media (max-width:520px){.brand img{height:40px}}
.nav{margin-right:auto}
.lang{display:flex;gap:.55rem;align-items:center;font-size:1.06rem;flex:0 0 auto}
.lang a{color:var(--cream);text-decoration:none;opacity:.72;border-bottom:1px solid transparent}
.lang a:hover{opacity:1}
.lang a[aria-current="true"]{opacity:1;border-bottom-color:var(--cream)}
.lang span{color:var(--cream);opacity:.4}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(1rem,2.9vw,3rem)}
.nav a{
  text-decoration:none;color:var(--cream);font-size:1.19rem;white-space:nowrap;
  padding:.25rem 0;border-bottom:1px solid transparent;display:inline-block;
}
@media (min-width:981px) and (max-width:1240px){
  .nav ul{gap:clamp(.75rem,1.7vw,1.4rem)}
  .nav a{font-size:1.04rem}
  .brand img{height:44px}
  .site-header{gap:1rem}
}
.nav a:hover{border-bottom-color:var(--cream)}
.nav a[aria-current="page"]{border-bottom-color:var(--cream)}
.nav-toggle{
  display:none;margin-left:auto;background:none;border:1px solid rgba(253,250,247,.55);
  color:var(--cream);padding:.35rem .8rem;font:inherit;font-size:1rem;cursor:pointer;border-radius:3px;
}
@media (max-width:980px){
  .nav-toggle{display:block}
  .lang{margin-left:auto;order:3}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--green);display:none;margin:0}
  .nav.open{display:block}
  .nav ul{flex-direction:column;gap:0;padding:.4rem 1.5rem 1.1rem}
  .nav a{display:block;padding:.6rem 0}
}

/* ---------- Sections ---------- */
main>section{max-width:var(--max);margin:0 auto;padding:clamp(3rem,6vw,5.5rem) clamp(1rem,4vw,2rem);text-align:center}
main>section.wide{max-width:var(--wide)}
main>section.full{max-width:none;padding-left:0;padding-right:0}
main>section.tinted{max-width:none;background:var(--stone)}
main>section.tinted>*{max-width:var(--max);margin-left:auto;margin-right:auto}
main>section.tinted.wide>*{max-width:var(--wide)}
.left{text-align:left}
.left .sub,.left .steps,.left .conditions{margin-left:0}

/* ---------- Accueil : carte héros ---------- */
.hero{padding:clamp(1.6rem,3vw,2.6rem) clamp(1rem,4vw,2rem) clamp(2.5rem,5vw,4rem)}
.hero-card{
  background:var(--cream);border-radius:16px;
  box-shadow:0 2px 26px rgba(80,66,50,.09);
  padding:clamp(2rem,4vw,3.2rem) clamp(1.2rem,4vw,3.2rem) clamp(2rem,4vw,3rem);
  max-width:980px;margin:0 auto;
}
.hero-logo{width:min(608px,90%);height:auto;margin:0 auto clamp(1rem,2.4vw,1.7rem)}
.hero-lede{font-size:1.31rem;color:var(--muted);max-width:56ch;margin:0 auto 1.8rem;line-height:1.32}
.hero-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:clamp(1.8rem,4vw,2.8rem)}
.hero-thumbs a{display:block;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--stone)}
.hero-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hero-thumbs a:hover img{transform:scale(1.04)}
@media (max-width:760px){.hero-thumbs{grid-template-columns:repeat(2,1fr)}}

/* ---------- Bandeau deux images ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.duo img{aspect-ratio:16/10;object-fit:cover;width:100%}
@media (max-width:760px){.duo{grid-template-columns:1fr}}

/* ---------- Trio « Esprit » ---------- */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,4vw,3.4rem);margin-top:clamp(2rem,4vw,3.2rem)}
.trio article{text-align:center}
.trio .icon{width:78px;height:78px;object-fit:contain;margin:0 auto 1.2rem}
.trio p{color:var(--muted);font-size:1.19rem;line-height:1.36;margin:0}
@media (max-width:860px){.trio{grid-template-columns:1fr;gap:2.4rem}}

/* ---------- Points forts ---------- */
.feats{
  list-style:none;margin:clamp(2rem,4vw,3.2rem) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.8rem,3.5vw,3rem) 1.5rem;
}
.feats li{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}
.feats img,.feats svg{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.feats svg{fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feats span{font-size:1.13rem;color:var(--ink);line-height:1.25;max-width:22ch}
@media (max-width:880px){.feats{grid-template-columns:repeat(2,1fr)}}

/* ---------- Galerie décalée numérotée ---------- */
.gallery{column-count:2;column-gap:clamp(1.5rem,4vw,3rem);text-align:left}
.gallery figure{margin:0 0 clamp(1.6rem,4vw,3.2rem);break-inside:avoid;-webkit-column-break-inside:avoid}
.gallery figure:nth-child(even){padding-top:clamp(1rem,3vw,2.6rem)}
.gallery a{display:block;overflow:hidden;background:var(--stone);border-radius:3px}
.gallery img{width:100%;height:auto;display:block;transition:transform .55s ease}
.gallery a:hover img{transform:scale(1.03)}
.gallery figcaption{font-size:.94rem;letter-spacing:.18em;color:var(--muted);margin-top:.65rem;text-align:right}
@media (max-width:700px){
  .gallery{column-count:1}
  .gallery figure:nth-child(even){padding-top:0}
}

/* ---------- Équipements ---------- */
.equip-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  margin:clamp(2rem,4vw,3rem) 0 clamp(1.5rem,3vw,2.4rem);align-items:start;text-align:left;
}
.equip-grid>div{background:var(--stone);border-radius:6px;padding:1.5rem 1.7rem 1.7rem}
.equip-grid h3{margin-bottom:.5em;font-size:1.7rem;display:flex;align-items:baseline;gap:.4rem}
.equip-grid ul{margin:0;padding-left:1.15rem}
.equip-grid li{margin:.3rem 0;color:var(--ink);line-height:1.32}
@media (max-width:860px){.equip-grid{grid-template-columns:1fr}}

/* ---------- Chambres ---------- */
.room-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.4rem);margin-top:clamp(2.4rem,5vw,3.6rem);text-align:left}
.room-card{text-decoration:none;display:block}
.room-card .num{font-size:.94rem;letter-spacing:.16em;color:var(--muted);display:block;margin-bottom:.9rem}
.room-card img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:4px;transition:transform .5s ease}
.room-card figure{margin:0;overflow:hidden;border-radius:4px}
.room-card:hover img{transform:scale(1.03)}
.room-card h3{margin:1.1rem 0 .15em}
.room-card p{color:var(--muted);margin:0 0 1.1rem}
@media (max-width:760px){.room-cards{grid-template-columns:1fr}}

.room{scroll-margin-top:80px;text-align:left;border-top:1px solid var(--line)}
.room .tagline{font-family:var(--display);font-weight:700;font-variation-settings:"SOFT" 70,"WONK" 1;font-size:1.44rem;color:var(--green);line-height:1.25;margin-bottom:.8rem}
.room p{max-width:74ch;color:var(--muted)}
.room .feats{margin:1.8rem 0 2.4rem;grid-template-columns:repeat(3,1fr)}
.room .feats li{align-items:flex-start;text-align:left;flex-direction:row;gap:.85rem}
.room .feats img,.room .feats svg{width:26px;height:26px;flex:0 0 26px;margin-top:.2rem}
.room .feats span{text-align:left;font-size:1.06rem;max-width:none}
@media (max-width:860px){.room .feats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.room .feats{grid-template-columns:1fr}}

/* ---------- Environs ---------- */
.banner{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:6px;margin:clamp(1.6rem,3vw,2.4rem) 0 0}
.poi-grid{display:grid;gap:clamp(1.6rem,3vw,2.6rem);margin-top:clamp(2rem,4vw,3rem);text-align:left}
.poi-grid.two{grid-template-columns:repeat(2,1fr)}
.poi-grid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.poi-grid.three{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.poi-grid.two,.poi-grid.three{grid-template-columns:1fr}}
.poi figure{margin:0 0 1rem;overflow:hidden;border-radius:6px;background:var(--stone)}
.poi img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .55s ease}
.poi:hover img{transform:scale(1.03)}
.poi h3{font-size:1.5rem;margin-bottom:.25em}
.poi p{margin:0;color:var(--muted);line-height:1.34}
.poi .dist,.village .dist{color:var(--terra-deep)}
.dist{font-size:.9rem;letter-spacing:.13em;text-transform:uppercase;color:var(--terra-deep);margin:0 0 .35rem}
.village-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(2rem,4vw,3rem);text-align:left}
.village figure{margin:0 0 .8rem;overflow:hidden;border-radius:6px;background:var(--stone)}
.village img{aspect-ratio:1;object-fit:cover;width:100%}
.village h3{font-size:1.31rem;margin-bottom:.1em}
.village .dist{margin:0}
@media (max-width:760px){.village-row{grid-template-columns:repeat(2,1fr)}}
.conseils img{width:100%;max-width:760px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin:0 auto clamp(1.8rem,4vw,2.6rem);background:var(--stone)}
.conseils h2{max-width:24ch;margin:0 auto .9em}

/* ---------- Localisation ---------- */
.gps{font-size:1.31rem}
.gps strong{color:var(--green)}
.steps{padding-left:1.3rem;max-width:62ch;margin:1.4rem auto 0;text-align:left}
.steps li{margin:.5rem 0;color:var(--muted)}
.acces .duo{margin:clamp(2rem,4vw,3rem) 0}
.acces .duo img{border-radius:6px}
.map iframe{width:100%;height:460px;border:0;border-radius:6px;background:var(--stone)}

/* ---------- Tarifs ---------- */
.prices{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:660px;margin:clamp(2rem,4vw,3rem) auto 1.2rem}
.prices div{background:var(--stone);border-radius:6px;padding:1.8rem 1.4rem;display:flex;flex-direction:column;gap:.4rem}
.prices span{color:var(--muted);font-size:1.13rem}
.prices strong{font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;font-size:2.5rem;color:var(--terra);line-height:1}
.note{color:var(--muted);font-size:1.06rem;max-width:60ch;margin:0 auto}
.conditions{padding-left:1.3rem;max-width:56ch;margin:1.6rem auto clamp(2rem,4vw,2.6rem);text-align:left}
.conditions li{margin:.42rem 0;color:var(--muted)}
@media (max-width:560px){.prices{grid-template-columns:1fr}}


/* ---------- Titres de panneau ---------- */
.panel-title{
  font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;
  color:var(--green);font-size:clamp(1.5rem,2.6vw,2.06rem);line-height:1.15;
  text-transform:uppercase;letter-spacing:.02em;margin:0 0 1.2rem;
}

/* ---------- Tarifs : deux panneaux ---------- */
.tarif-panels{
  display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);
  gap:clamp(1rem,2vw,1.6rem);padding:0 0 clamp(2rem,4vw,3rem);
}
.panel{background:var(--stone);padding:clamp(2rem,4vw,3.2rem) clamp(1.4rem,3vw,2.6rem)}
.panel-prix{text-align:center;display:flex;flex-direction:column;justify-content:center}
.prix{
  font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;
  color:var(--green);font-size:clamp(1.35rem,2.4vw,1.94rem);line-height:1.25;margin:0 0 .5rem;
}
.panel-prix hr{border:0;border-top:1px solid var(--line);width:60%;margin:1.6rem auto 1.2rem}
.panel-prix .note{font-style:italic;font-size:1rem}
.panel-conditions{text-align:left}
.panel-conditions .conditions{margin:0;max-width:none;padding-left:1.3rem}
.cta{padding-top:0}
@media (max-width:820px){.tarif-panels{grid-template-columns:1fr}}

/* ---------- Réservation : carte formulaire ---------- */
.form-card{
  border:1px solid var(--line);border-radius:6px;background:var(--cream);
  padding:clamp(1.6rem,4vw,2.8rem);max-width:720px;margin:clamp(2rem,4vw,3rem) auto 0;text-align:left;
}
.form-card .form{margin-top:0}

/* ---------- Avis des hôtes ---------- */
.avis .sub{margin-bottom:0}
.score{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin:clamp(1.6rem,3vw,2.2rem) 0 .4rem}
.stars{color:var(--terra-deep);font-size:1.5rem;letter-spacing:.14em;line-height:1}
.score-num{
  font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;
  font-size:clamp(2.2rem,4vw,3rem);color:var(--green);line-height:1.1;margin:.3rem 0 0;
}
.score-num span{font-family:var(--body);font-weight:400;font-size:1.13rem;color:var(--muted)}
.score-count{color:var(--muted);font-size:1.06rem;margin:.1rem 0 0}
.score-cats{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin:clamp(1.4rem,3vw,2rem) auto 0;
  max-width:780px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.1rem 0;
}
.score-cats div{display:flex;flex-direction:column;gap:.1rem}
.score-cats dt{font-size:.94rem;color:var(--muted);line-height:1.2}
.score-cats dd{
  margin:0;font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;
  font-size:1.25rem;color:var(--green);
}
@media (max-width:760px){.score-cats{grid-template-columns:repeat(3,1fr);gap:1.1rem .8rem}}
.reviews{
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.4rem,3vw,2.2rem);
  margin-top:clamp(2rem,4vw,2.8rem);text-align:left;
}
.review{margin:0;background:var(--cream);border-radius:6px;padding:1.6rem 1.7rem 1.4rem;display:flex;flex-direction:column}
.review blockquote{margin:0 0 1.1rem;flex:1}
.review blockquote p{margin:0;color:var(--ink);font-size:1.13rem;line-height:1.45}
.review figcaption{
  font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;
  color:var(--green);font-size:1.13rem;display:flex;flex-direction:column;gap:.1rem;
}
.review figcaption span{
  font-family:var(--body);font-weight:400;font-size:.98rem;color:var(--muted);
}
@media (max-width:760px){.reviews{grid-template-columns:1fr}}
.avis-link{margin:clamp(1.6rem,3vw,2.2rem) 0 0}
.avis-link a{color:var(--terra-deep);text-underline-offset:3px}

/* ---------- Bon à savoir ---------- */
.savoir{border-top:1px solid var(--line);padding-top:clamp(2rem,4vw,2.6rem)}
.savoir-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem 2.4rem;
  margin-top:clamp(1.6rem,3vw,2.2rem);text-align:left;
}
.savoir-grid div{display:flex;flex-direction:column;gap:.15rem}
.savoir-grid dt{
  font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;
  color:var(--green);font-size:1.13rem;
}
.savoir-grid dd{margin:0;color:var(--muted);font-size:1.06rem;line-height:1.35}
@media (max-width:820px){.savoir-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.savoir-grid{grid-template-columns:1fr}}

/* ---------- Formulaire ---------- */
.form{max-width:640px;margin:clamp(2rem,4vw,3rem) auto 0;text-align:left}
fieldset{border:0;padding:0;margin:0 0 1.9rem}
legend{font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;font-size:1.44rem;color:var(--green);margin-bottom:.7rem}
.form label{display:block;font-size:1.06rem;color:var(--muted);margin-bottom:1rem}
.form input,.form textarea{
  display:block;width:100%;margin-top:.35rem;padding:.7rem .85rem;
  font:inherit;font-size:1.13rem;color:var(--ink);
  border:1px solid var(--line);background:#fff;border-radius:4px;
}
.form input:focus,.form textarea:focus{border-color:var(--terra);outline:0}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px}
.form-status{margin-top:1.1rem;font-size:1.06rem}
.form-status.ok{color:var(--green)}
.form-status.err{color:var(--terra)}
.small{font-size:1rem;color:var(--muted);margin-top:1.6rem}

/* ---------- Légal ---------- */
.legal{text-align:left}
.legal p{max-width:70ch;color:var(--muted)}
.legal h3{font-size:1.5rem;margin-top:2rem}
.legal a{color:var(--terra)}
.todo{background:var(--stone);border-left:3px solid var(--terra);padding:.9rem 1.1rem;border-radius:0 4px 4px 0}

/* ---------- Pied de page ---------- */
.site-footer{background:var(--green);color:var(--cream);margin-top:0}
.footer-inner{
  max-width:var(--wide);margin:0 auto;padding:clamp(2.4rem,4vw,3.2rem) clamp(1rem,4vw,2.5rem);
  display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start;
}
.footer-name{font-family:var(--display);font-weight:900;font-variation-settings:"SOFT" 70,"WONK" 1;font-size:2.06rem;line-height:1.05;margin:0 0 1.2rem;max-width:7ch}
.site-footer a{color:var(--cream);text-decoration:none}
.footer-contact a{display:block;margin-bottom:.2rem}
.footer-contact a:hover{text-decoration:underline}
.footer-mid{align-self:center;text-align:center;font-size:1.06rem;opacity:.9}
.footer-mid p{margin:0}
.footer-links{text-align:right}
.footer-links a{display:block;font-size:1.06rem;margin-top:.75rem;text-decoration:underline;text-underline-offset:3px}
.footer-links .btn{
  display:inline-block;color:var(--ink);text-decoration:none;
  margin:0 0 .5rem;width:auto;
}
.footer-links .btn:hover{color:var(--ink)}
@media (max-width:860px){
  .footer-inner{grid-template-columns:1fr;text-align:center;gap:1.6rem}
  .footer-name{max-width:none}
  .footer-links{text-align:center}
  .footer-links a{display:inline-block;margin:.75rem .6rem 0}
}

/* ---------- Lightbox ---------- */
.lightbox{position:fixed;inset:0;background:rgba(28,25,21,.95);z-index:200;display:flex;align-items:center;justify-content:center}
.lightbox[hidden]{display:none}
.lightbox img{max-width:92vw;max-height:86vh;object-fit:contain}
.lightbox button{position:absolute;background:none;border:0;color:var(--cream);font-size:2.4rem;cursor:pointer;padding:.4rem 1rem;line-height:1}
.lb-close{top:.4rem;right:.8rem}
.lb-prev{left:.3rem;top:50%;transform:translateY(-50%)}
.lb-next{right:.3rem;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:.9rem;left:0;right:0;text-align:center;color:#cfc9c1;font-size:1rem;letter-spacing:.1em;margin:0}