/* Image slider — 1920 × 960 crossfade with glass arrows, counter and pill dots. */
.arc-slider { position: relative; height: clamp(420px, 50vw, 960px); overflow: hidden; background: var(--arc-ink); color: var(--arc-white); }
.arc-slider__slides { position: absolute; inset: 0; }
.arc-slider__slide { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(1); transition: opacity 1s ease, transform 6s ease-out; }
.arc-slider__slide.is-active { opacity: 1; transform: scale(1.04); }
.arc-slider__slide img { display: block; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); }
.arc-slider__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .35) 100%); pointer-events: none; }

.arc-slider__arrow { position: absolute; top: 50%; z-index: 2; width: 48px; height: 48px; margin-top: -24px; padding: 0; border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%; background: rgba(255, 255, 255, .12); color: var(--arc-white); font-family: var(--arc-font-sans); font-size: 16px; line-height: 1; cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background .25s ease; }
.arc-slider__arrow:hover { background: rgba(255, 255, 255, .22); }
.arc-slider__arrow:focus-visible { outline: 1px solid rgba(255, 255, 255, .7); outline-offset: 4px; }
.arc-slider__arrow--prev { left: clamp(12px, 3vw, 32px); }
.arc-slider__arrow--next { right: clamp(12px, 3vw, 32px); }

.arc-slider__bar { position: absolute; left: var(--arc-gutter); right: var(--arc-gutter); bottom: 36px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.arc-slider__count { font-family: var(--arc-font-sans); font-size: 11px; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
.arc-slider__dots { display: flex; gap: 10px; }
.arc-slider__dot { width: 14px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255, 255, 255, .4); cursor: pointer; transition: width .35s ease, background .35s ease; }
.arc-slider__dot.is-active { width: 28px; background: var(--arc-white); }
.arc-slider__dot:focus-visible { outline: 1px solid rgba(255, 255, 255, .7); outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  .arc-slider__slide { transition: opacity .3s ease; transform: none !important; }
}
@media (max-width: 767.98px) {
  .arc-slider { height: clamp(360px, 70vw, 560px); }
  .arc-slider__arrow { width: 40px; height: 40px; margin-top: -20px; }
  .arc-slider__bar { bottom: 24px; }
}