.image-slider { position:relative; overflow:hidden; padding:86px 0 64px; color:#e8edf6; background:#0a1120; border-block:1px solid rgba(255,255,255,.07); }
.image-slider__track { display:flex; gap:24px; overflow-x:auto; padding:0 max(46px,calc((100vw - 1216px)/2)); scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; cursor:grab; }
.image-slider__track::-webkit-scrollbar{display:none}.image-slider__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.image-slider__track:focus-visible{outline:3px solid #6fa2ff;outline-offset:-4px}
.image-slider__card { flex:0 0 min(760px,72vw); scroll-snap-align:center; }
.image-slider__frame { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:#070c16; box-shadow:0 24px 60px rgba(0,0,0,.35); }
.image-slider__image { display:block; width:100%; height:auto; aspect-ratio:1200/896; object-fit:cover; pointer-events:none; user-select:none; }
.image-slider__badge { position:absolute; top:12px; right:12px; padding:4px 8px; border:1px solid rgba(245,177,76,.4); border-radius:6px; color:#f5b14c; background:rgba(10,13,19,.78); font:400 8px/1.4 "IBM Plex Mono",monospace; letter-spacing:.2em; text-transform:uppercase; }
.image-slider__caption { padding:15px 4px 0; text-align:center; }
.image-slider__caption h3 { margin:0; color:#6fa2ff; font:400 10px/1.4 "IBM Plex Mono",monospace; letter-spacing:.16em; text-transform:uppercase; }
.image-slider__caption div { margin-top:5px; color:#c6cfdd; font-size:14px; line-height:1.55; }.image-slider__caption div>:first-child{margin-top:0}.image-slider__caption div>:last-child{margin-bottom:0}
.image-slider__control { position:absolute; z-index:3; top:42%; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#fff; background:rgba(27,91,255,.42); backdrop-filter:blur(8px); cursor:pointer; transition:background .2s,transform .2s; }
.image-slider__control:hover{background:rgba(27,91,255,.72);transform:scale(1.05)}.image-slider__control:focus-visible{outline:3px solid #9fc1ff;outline-offset:3px}.image-slider__control--previous{left:22px}.image-slider__control--next{right:22px}
.image-slider__segments { display:flex; justify-content:center; gap:7px; margin-top:24px; }.image-slider__segments span{width:54px;max-width:12vw;height:2px;border-radius:2px;background:rgba(255,255,255,.14);transition:background .3s}.image-slider__segments span.is-active{background:#6fa2ff}
.image-slider__status { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:620px){.image-slider{padding:60px 0 44px}.image-slider__track{gap:14px;padding-inline:20px}.image-slider__card{flex-basis:88vw}.image-slider__control{top:36%;width:42px;height:42px}.image-slider__control--previous{left:8px}.image-slider__control--next{right:8px}}
@media(prefers-reduced-motion:reduce){.image-slider__track{scroll-behavior:auto}.image-slider__control,.image-slider__segments span{transition:none}}