:root{--imapping-orange:#f28c00;--imapping-black:#111111;--imapping-gray:#a7a7a7;--imapping-white:#ffffff;--slider-radius:10px;--slider-max-width:1400px}.imapping-slider{width:100%}.imapping-slider__viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--slider-radius);background:#f2f2f0;isolation:isolate}.imapping-slider__slides{position:absolute;inset:0}.imapping-slider__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 850ms ease,visibility 850ms ease;pointer-events:none}.imapping-slider__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.imapping-slider__image{width:100%;height:100%;display:block;object-fit:cover}.imapping-slider__slide--text{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;text-align:center}.imapping-slider__slide--text_category{color:#fff;background-color:var(--imapping-orange)}.imapping-slider__slide--text_content{font-size:1.25rem}.imapping-slider__slide--text .imapping-slider__slide--text_content{width:100%}.imapping-slider__slide--text p{width:80%;margin-inline:auto}.imapping-slider__text-image{width:auto;max-width:80%;max-height:280px;margin:24px auto 0;object-fit:contain}.imapping-slider__caption{position:absolute;z-index:3;left:6.5vw;top:50%;transform:translateY(-50%);width:20%;padding:clamp(28px,3vw,48px);background:rgba(255,255,255,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.imapping-slider__category{margin:0 0 24px;color:var(--imapping-orange);font-size:clamp(14px, 1.15vw, 19px);font-weight:650;text-transform:uppercase;letter-spacing:.01em}.imapping-slider__title{margin:0;max-width:13ch;font-size:1.3vw;line-height:1.09;letter-spacing:-.035em;font-weight:720}.imapping-slider__caption::after{content:"";display:block;width:46px;height:3px;margin-top:34px;background:var(--imapping-orange)}.imapping-slider__arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:3vw;height:3vw;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:var(--imapping-black);background:rgba(255,255,255,.96);box-shadow:0 9px 28px rgba(0,0,0,.12);cursor:pointer;transition:transform 180ms ease,background 180ms ease}.imapping-slider__arrow span{display:block;font-size:clamp(38px, 4vw, 56px);font-weight:300;line-height:.75;margin-top:-4px}.imapping-slider__arrow--prev{left:1.7vw}.imapping-slider__arrow--next{right:1.7vw}@media (hover:hover) and (pointer:fine){.imapping-slider__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}}.imapping-slider__arrow:focus-visible,.imapping-slider__dot:focus-visible{outline:3px solid rgba(242,140,0,.38);outline-offset:4px}.imapping-slider__dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(10px,1.15vw,17px);padding:clamp(22px,3vw,38px) 12px 0}.imapping-slider__dot{width:.9vw;height:.9vw;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:var(--imapping-gray);cursor:pointer;transition:background 240ms ease,transform 240ms ease}.imapping-slider__dot.is-active{background:var(--imapping-orange);transform:scale(1.06)}@media (max-width:900px){.demo-shell{width:min(calc(100% - 32px),var(--slider-max-width))}.imapping-slider__viewport{aspect-ratio:4/3}.imapping-slider__caption{left:24px;width:min(44%,330px);min-width:0;padding:28px}.imapping-slider__title{font-size:clamp(25px, 4vw, 38px)}}@media (max-width:620px){.demo-shell{width:min(calc(100% - 24px),var(--slider-max-width));padding:24px 0}.imapping-slider__viewport{aspect-ratio:1.35/1;border-radius:8px}.imapping-slider__image{object-fit:contain}.imapping-slider__caption{left:14px;right:14px;top:auto;bottom:14px;transform:none;width:auto;min-width:0;padding:20px 22px}.imapping-slider__category{margin-bottom:10px;font-size:12px}.imapping-slider__title{max-width:19ch;font-size:clamp(22px, 7vw, 30px);line-height:1.06}.imapping-slider__caption::after{width:34px;height:2px;margin-top:16px}.imapping-slider__arrow{width:44px;height:44px}.imapping-slider__arrow--prev{left:8px}.imapping-slider__arrow--next{right:8px}.imapping-slider__dots{gap:10px;padding-top:20px}.imapping-slider__dot{width:12px;height:12px}}@media (orientation:landscape) and (max-height:620px){.imapping-slider__viewport{aspect-ratio:16/9}.imapping-slider__image{object-fit:contain}}@media (prefers-reduced-motion:reduce){.imapping-slider__arrow,.imapping-slider__dot,.imapping-slider__slide{transition:none!important}}