/* pp-site slider 1.1.0: [pp_slider]. Sits inside the homepage HTML element, which keeps its orange frame + glow. */
.pp-slider{position:relative;aspect-ratio:var(--pp-slider-ratio,1366/768);overflow:hidden;background:#1d1c27}
.pp-slider__track{display:flex;height:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.pp-slider__track::-webkit-scrollbar{display:none}
.pp-slider__track:focus{outline:0}
.pp-slider__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:block}
.pp-slider__img{-webkit-user-drag:none;display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.pp-slider__arrow{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;padding:0;display:grid;place-items:center;border:2px solid #f68e2f;border-radius:50%;background:rgba(29,28,39,.75);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}
.pp-slider__arrow--prev{left:14px}
.pp-slider__arrow--next{right:14px}
.pp-slider__arrow--next svg{transform:scaleX(-1)}
.pp-slider:hover .pp-slider__arrow,.pp-slider__arrow:focus-visible{opacity:1}
.pp-slider__arrow:hover{background:#f68e2f}
.pp-slider__dots{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex}
.pp-slider__dot{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.pp-slider__dot::before{content:"";width:8px;height:8px;border-radius:8px;background:rgba(255,255,255,.55);box-shadow:0 0 3px rgba(0,0,0,.6);transition:width .25s,background .25s}
.pp-slider__dot[aria-current=true]::before{width:20px;background:#f68e2f}
.pp-slider button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (hover:none){.pp-slider__arrow{display:none}}
/* With JS (.is-js): a transform track with a copy of the last/first slide at each end; overflow is clipped by .pp-slider. Without JS: the scroll-snap strip above. */
.pp-slider.is-js .pp-slider__track{overflow:visible;scroll-snap-type:none;scroll-behavior:auto;touch-action:pan-y;will-change:transform;-webkit-user-select:none;user-select:none}
.pp-slider.is-js .pp-slider__slide{-webkit-user-drag:none;-webkit-touch-callout:none}
@media (hover:hover) and (pointer:fine){.pp-slider.is-js .pp-slider__track,.pp-slider.is-js .pp-slider__slide{cursor:grab}}
.pp-slider.is-drag .pp-slider__track,.pp-slider.is-drag .pp-slider__slide{cursor:grabbing}
@media (max-width:767px){.pp-slider__dots{bottom:2px}.pp-slider__dot{width:16px;height:16px}.pp-slider__dot::before{width:6px;height:6px}.pp-slider__dot[aria-current=true]::before{width:14px}}
@media (prefers-reduced-motion:reduce){.pp-slider__track{scroll-behavior:auto}}