/* Slider em camadas | usa os tokens do :root */
.rs{
  --rs-side:max(var(--margin),calc((100vw - var(--container)) / 2));
  --rs-w:min(40vw,540px);
  position:relative;height:100svh;min-height:700px;max-height:980px;overflow:hidden;background:var(--bg);isolation:isolate;
}
.rs-slides{position:absolute;inset:0}
.rs-slide{position:absolute;inset:0;visibility:hidden}
.rs-slide.is-active{visibility:visible;z-index:2}
.rs-slide.is-leaving{visibility:visible;z-index:1}

/* fundo */
.rs-bg{position:absolute;inset:0;overflow:hidden}
.rs-bg-in{position:absolute;inset:0;will-change:transform}
[data-tone="light"] .rs-bg{background:var(--bg)}
[data-tone="dark"] .rs-bg{background:radial-gradient(120% 90% at 80% 20%,var(--night-2),var(--night) 60%)}
[data-tone="cream"] .rs-bg{background:var(--brand-soft)}
.rs-word{position:absolute;left:calc(var(--rs-side) - .06em);bottom:-.14em;font:700 clamp(9rem,4rem + 18vw,22rem)/1 var(--font-sans);letter-spacing:-.06em;white-space:nowrap;user-select:none}
[data-tone="light"] .rs-word{color:#E9EEF6}
[data-tone="dark"] .rs-word{color:rgba(255,255,255,.035)}
[data-tone="cream"] .rs-word{color:rgba(138,106,44,.08)}
.rs-arch{position:absolute;right:var(--rs-side);bottom:0;width:var(--rs-w);height:80%;border-radius:999px 999px 0 0}
[data-tone="light"] .rs-arch{background:linear-gradient(180deg,#DCE5F1,#E8EEF6)}
[data-tone="dark"] .rs-arch{background:linear-gradient(180deg,#F3EBDC,#E4D7BE)}
[data-tone="cream"] .rs-arch{background:linear-gradient(180deg,#FFFFFF,#FBF7EF)}
.rs-arch::before{content:"";position:absolute;inset:-18px -18px 0;border:1px solid var(--brand);border-bottom:0;border-radius:999px 999px 0 0;opacity:.55}
.rs-overlay{position:absolute;inset:0;pointer-events:none}
[data-tone="light"] .rs-overlay{background:linear-gradient(0deg,rgba(244,247,251,.7),transparent 22%)}
[data-tone="dark"] .rs-overlay{background:linear-gradient(90deg,rgba(14,27,46,.45),transparent 55%)}
[data-tone="cream"] .rs-overlay{background:linear-gradient(0deg,rgba(243,235,220,.7),transparent 22%)}

/* conteúdo */
.rs-content{position:relative;z-index:2;height:100%;padding:0 var(--rs-side)}
.rs-text{position:relative;z-index:3;height:100%;max-width:min(560px,48vw);display:flex;flex-direction:column;justify-content:center;padding:96px 0 140px}
.rs-eyebrow{display:flex;align-items:center;gap:14px;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--brand-ink);margin-bottom:22px}
.rs-eyebrow::before{content:"";width:36px;height:1px;background:var(--brand)}
.rs-title{font-size:var(--fs-hero);line-height:1.04;letter-spacing:-.03em;font-weight:700;margin-bottom:24px}
.rs-title .ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.rs-title .ln>span{display:inline-block}
.rs-title em{font-family:var(--font-accent);font-style:italic;font-weight:600;color:var(--brand-ink);font-size:1.1em;letter-spacing:-.015em}
.rs-cta p{font-size:var(--fs-lead);color:var(--ink-2);max-width:44ch;margin-bottom:32px}
.rs-photo{position:absolute;z-index:2;right:var(--rs-side);bottom:0;width:var(--rs-w);height:88%;pointer-events:none}
.rs-par{height:100%;display:flex;justify-content:center;align-items:flex-end;will-change:transform}
.rs-photo img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 40px rgba(14,27,46,.18))}

/* tons do texto */
[data-tone="dark"] .rs-title{color:#fff}
[data-tone="dark"] .rs-title em{color:var(--brand)}
[data-tone="dark"] .rs-eyebrow{color:var(--brand-light)}
[data-tone="dark"] .rs-cta p{color:rgba(255,255,255,.74)}

/* controles */
.rs-ui{position:absolute;z-index:6;left:var(--rs-side);bottom:96px;display:flex;align-items:center;gap:22px;color:var(--ink);transition:color var(--dur-2)}
.rs[data-tone="dark"] .rs-ui{color:#fff}
.rs-count{display:flex;gap:4px}
.rs-dot{background:none;border:0;color:inherit;opacity:.4;font:600 var(--fs-label)/1 var(--font-sans);letter-spacing:.14em;min-width:36px;min-height:36px;cursor:pointer;transition:opacity var(--dur-1)}
.rs-dot:hover{opacity:.75}
.rs-dot.is-active{opacity:1}
.rs-progress{width:140px;height:1px;background:currentColor;position:relative;opacity:.9}
.rs-progress::before{content:"";position:absolute;inset:0;background:inherit;opacity:0}
.rs-progress{background:rgba(127,140,160,.35)}
.rs-progress i{position:absolute;inset:-.5px 0;background:var(--brand);transform-origin:left;transform:scaleX(0)}
.rs-ctrl{display:flex;gap:8px}
.rs-ctrl button{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}
.rs[data-tone="dark"] .rs-ctrl button{border-color:rgba(255,255,255,.25)}
.rs[data-tone="cream"] .rs-ctrl button{border-color:rgba(138,106,44,.3)}
.rs-ctrl button:hover{border-color:var(--brand);background:rgba(201,164,92,.1)}
.rs-pause .i-play{display:none}
.rs-pause[aria-pressed="true"] .i-play{display:block}
.rs-pause[aria-pressed="true"] .i-pause{display:none}
.rs:not(.rs-js) .rs-ui{display:none}
.rs.is-busy .rs-ui button{pointer-events:none}

/* camadas: estado inicial controlado pelo JS */
.rs-js .rs-layer{will-change:transform,opacity}

@media (max-width:1023px){
  .rs{--rs-w:min(46vw,460px)}
  .rs-text{max-width:52vw}
}
@media (max-width:767px){
  .rs{--rs-w:78vw;height:100svh;min-height:640px;max-height:none}
  .rs-content{padding:0 var(--margin)}
  .rs-text{max-width:none;height:auto;justify-content:flex-start;padding:92px 0 0}
  .rs-eyebrow{display:none}
  .rs-title{font-size:clamp(2.125rem,1.4rem + 3.6vw,2.6rem);margin-bottom:14px}
  .rs-cta p{font-size:15px;margin-bottom:20px;line-height:1.55}
  .rs-photo{right:-4vw;height:min(46svh,430px)}
  .rs-arch{right:-4vw;height:min(40svh,370px)}
  .rs-word{font-size:34vw;bottom:auto;top:55%}
  .rs-ui{bottom:56px;gap:8px;padding:4px 6px;border-radius:var(--r-pill);background:rgba(255,255,255,.88);color:var(--ink)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .rs-progress{width:48px}
  .rs-prev,.rs-next{display:none!important}
  .rs-ctrl button{width:36px;height:36px;border:0!important}
  .rs-dot{min-width:30px}
}
@media (max-width:767px){.rs-slide:first-child .rs-eyebrow{display:flex;font-size:10.5px;margin-bottom:14px}.rs-slide:first-child .rs-eyebrow::before{width:20px}}
