/* Marta Locanda Slider — solo slider, stili scoped sotto .mls-root */
.mls-root{
  overflow:hidden;
  --paper:#FAFAF8;
  --ink:#3C3A34;
  --serif:"Cormorant Garamond",Georgia,serif;
  --body:"Raleway",system-ui,sans-serif;
  --mx:clamp(1.25rem,5vw,5.5rem);
  position:relative;
  font-family:var(--body);
  color:var(--paper);
  padding:clamp(3.5rem,8vw,7rem) 0;
}
.mls-root,.mls-root *{box-sizing:border-box}

/* stage */
.mls-root .rs-stage{position:relative;outline:none}
.mls-root .rs-main{width:100%;max-width:1080px;margin:0 auto}
.mls-root .rs-imgwrap{position:relative;overflow:hidden;aspect-ratio:16/9.4;width:100%;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.mls-root .rs-img-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;will-change:opacity,transform;backface-visibility:hidden;margin:0;max-width:none}

/* testo sotto immagine (titolo + descrizioni della slide) */
.mls-root .rs-title,.mls-root .rs-right{transition:opacity .45s ease}
.mls-root .rs-below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(2rem,5vw,5rem);align-items:start;margin-top:clamp(1.4rem,2.6vw,2.4rem)}
.mls-root .rs-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.4vw,4.2rem);color:#fff;line-height:1.02;margin:0}
.mls-root .rs-right{max-width:none;padding-bottom:0;padding-top:.6rem}
.mls-root .rs-desc{font-size:clamp(1rem,1.25vw,1.2rem);font-weight:300;color:rgba(250,250,248,.85);line-height:1.7;max-width:52ch}
.mls-root .rs-desc p{margin:0 0 .85rem}
.mls-root .rs-desc p:last-child{margin:0}

/* controlli */
.mls-root .rs-controls{display:flex;align-items:center;gap:1rem;margin-top:1.7rem}
.mls-root .rs-arrow{width:52px;height:52px;border-radius:50%;border:1px solid rgba(230,205,160,.5);background:transparent;color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s,transform .3s,border-color .3s;padding:0}
.mls-root .rs-arrow:hover{background:#E6CDA0;color:#22463C;border-color:#E6CDA0;transform:scale(1.06)}
.mls-root .rs-arrow svg{width:22px;height:22px}
.mls-root .rs-count{font-family:var(--serif);font-size:1.05rem;color:rgba(250,250,248,.75);letter-spacing:.12em;margin-left:.4rem}

/* peek laterale */
.mls-root>.rs-peek{position:absolute;right:0;top:50%;transform:translateY(-50%);width:clamp(64px,6.5vw,125px);height:clamp(220px,38vh,420px);overflow:hidden;border:0;padding:0;cursor:pointer;background:none;z-index:2}
.mls-root .rs-peek img{width:100%;height:100%;object-fit:cover;display:block;opacity:.95;transition:opacity .6s ease,transform 1.1s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;margin:0;max-width:none}
.mls-root .rs-peek:hover img{opacity:1;transform:scale(1.05)}

/* etichette laterali verticali */
.mls-root>.rs-side{position:absolute;top:42%;transform:translateY(-50%);background:none;border:0;color:var(--paper);cursor:pointer;font-family:var(--body);font-size:.82rem;letter-spacing:.12em;padding:.6rem;opacity:.9;transition:opacity .3s,letter-spacing .3s;z-index:3}
.mls-root .rs-side:hover{opacity:1;letter-spacing:.2em}
.mls-root .rs-side span{writing-mode:vertical-rl;display:inline-block}
.mls-root .rs-prev{left:clamp(.5rem,2vw,2rem)}
.mls-root .rs-prev span{transform:rotate(180deg)}
.mls-root .rs-next{right:clamp(6rem,10vw,10.5rem)}

/* responsive */
@media(max-width:1024px){
  .mls-root .rs-main{width:100%;max-width:760px}
  .mls-root .rs-next{right:clamp(.5rem,2vw,1.5rem)}
  .mls-root .rs-prev{left:clamp(.5rem,2vw,1.5rem)}
}
@media(max-width:760px){
  .mls-root .rs-peek,.mls-root .rs-side{display:none}
  .mls-root .rs-main{width:100%;max-width:none;margin:0}
  .mls-root .rs-below{grid-template-columns:1fr;row-gap:1rem}
  .mls-root .rs-title{font-size:clamp(2.2rem,9vw,3rem)}
  .mls-root .rs-right{padding-top:0}
  .mls-root .rs-desc{min-height:0;max-width:none}
  .mls-root .rs-controls{margin-top:1.3rem}
}
@media(max-width:480px){
  .mls-root .rs-arrow{width:46px;height:46px}
  .mls-root .rs-arrow svg{width:19px;height:19px}
  .mls-root .rs-controls{gap:.8rem}
  .mls-root .rs-count{font-size:.95rem}
}