.slider{--stage-gap:11rem;--stage-lift:1.5rem;--stage-y:calc(50% + var(--header-h) / 2 - var(--stage-lift));--preview-h:calc(min(calc(100svh - var(--header-h) - var(--stage-gap)), 86vw) * var(--preview-scale,1));--orbit-drop:0;--caption-y:3rem;--caption-line:.85rem;perspective:2000px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100svh;position:relative;overflow:hidden}.slider:active{cursor:grabbing}.slider__stage{transform-style:preserve-3d;position:absolute;inset:0}.slider__orbit{top:calc(var(--stage-y) + var(--preview-h) * var(--orbit-drop));width:100px;height:125px;transform-style:preserve-3d;position:absolute;left:50%;transform:translate(-50%,-50%)}.slider__panel{border-radius:var(--radius);width:100%;height:100%;position:absolute;overflow:hidden}.slider__panel img,.slider__preview-img{object-fit:cover;width:100%;height:100%}.slider__preview{top:var(--stage-y);height:var(--preview-h);aspect-ratio:4/5;border-radius:var(--radius);box-shadow:var(--lift);position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.slider__nav{top:var(--stage-y);z-index:2;width:3rem;height:3rem;color:var(--ink);opacity:.35;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:opacity .4s;display:grid;position:absolute;transform:translateY(-50%)}.slider__nav:hover,.slider__nav:focus-visible{opacity:1}.slider__nav svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.slider__nav--prev{left:clamp(1rem,4vw,3.5rem)}.slider__nav--next{right:clamp(1rem,4vw,3.5rem)}.slider__caption{bottom:var(--caption-y);z-index:2;width:fit-content;font-size:var(--label-size);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--ink);opacity:.5;margin-inline:auto;position:absolute;left:0;right:0}.slider.is-ringless .slider__orbit{display:none}@media (width<=46rem){.slider{--stage-gap:8rem;--preview-h:calc(min(calc(100svh - var(--header-h) - var(--stage-gap)), calc(88vw * 5 / 4)) * var(--preview-scale,1))}.slider__nav{top:auto;bottom:calc(var(--caption-y) + var(--caption-line) / 2 - 1.5rem);opacity:.55;transform:none}.slider__nav--prev{left:calc(var(--edge-x) - .5rem)}.slider__nav--next{right:calc(var(--edge-x) - .5rem)}}@media (height<=30rem){.slider{--stage-gap:4.5rem;--stage-lift:0;--caption-y:1.25rem}}
