.parallax-carousel{width:100%;--carousel-width:80%;--carousel-height:60svh}
.parallax-rail{display:flex;position:relative;gap:20px;height:var(--carousel-height);padding-inline:var(--carousel-gutter,10%);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.parallax-rail::-webkit-scrollbar{display:none}
.parallax-rail.is-dragging{scroll-snap-type:none;cursor:grabbing}
.parallax-slide{flex:0 0 var(--carousel-width);height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;transition:opacity .15s;user-select:none}
.showcase .parallax-slide img{display:block;width:92%;height:100%;max-width:92%;max-height:100%;object-fit:contain;border-radius:0;pointer-events:none;will-change:transform}
.parallax-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0 8px}
.parallax-controls button{width:44px;height:40px;padding:0;background:#8077c1;color:#ffffff;border:1px solid #c8bfff;border-radius:6px}
.parallax-controls button:disabled{opacity:.35;cursor:default}
.parallax-controls [role=status]{min-width:90px;text-align:center;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.parallax-slide{transition:none}.showcase .parallax-slide img{transform:none!important;will-change:auto}}