.reference-slider{position:relative;height:min(650px,48vw);min-height:330px;overflow:hidden;background:#333}.reference-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 800ms ease;pointer-events:none}.reference-slider .slide.active{opacity:1;pointer-events:auto}.reference-slider .slide>img{height:100%;width:100%;object-fit:cover;object-position:53% 55%}.reference-slider .slide:nth-child(2)>img{object-position:59% 33%}.reference-slider .slide:after{content:'';position:absolute;inset:0;background:#0005}.reference-slider .slide>div{position:absolute;inset:0;max-width:1200px;margin:auto;display:flex;align-items:center;padding:35px;z-index:1}.reference-slider .slide h2{font-size:clamp(28px,4.4vw,66px);line-height:1.2;color:white;max-width:700px;margin:0}.reference-slider .slider-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:2}.reference-slider .dot{width:14px;height:14px;border:2px solid #fffc;border-radius:50%;background:transparent;padding:0}.reference-slider .dot.selected{background:#fffc}.reference-slider .pause{background:#0005;border:1px solid #fff8;color:white;border-radius:3px;margin-left:12px;padding:0 8px}
.reference-slider .slide h2{font-family:Arial,sans-serif;font-weight:700}.reference-slider .slide>div{width:100%}.reference-slider button:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:760px){.reference-slider{height:390px}.reference-slider .slide>div{padding:25px}.reference-slider .slide h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.reference-slider .slide{transition:none}}