.hero-slideshow{position:relative;display:grid;background:var(--color-background,#f3f7f8);isolation:isolate}
.hero-slideshow__slide{grid-area:1/1;width:100%;min-width:0}
.hero-slideshow--multiple .hero__content{padding-bottom:125px}
.hero-slideshow__slide .hero__title{font-size:clamp(36px,3.8vw,60px);line-height:1.12;letter-spacing:-.055em;margin:0 0 24px}
.hero-slideshow__slide.hero--products .hero__title{font-size:clamp(32px,3.5vw,54px)}
.hero-slideshow__slide.hero--light .hero__text{color:#ffffffe0}
.hero-slideshow__controls{position:absolute;z-index:2;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #ffffff80;border-radius:100px;background:#ffffffeb;color:#19262b;box-shadow:0 3px 20px #00000012}
.hero-slideshow__controls button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.hero-slideshow__controls button:hover{background:#0000000a}
.hero-slideshow__controls button:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.hero-slideshow__arrow svg,.hero-slideshow__play svg{width:18px;height:18px}
.hero-slideshow__dots{display:flex;align-items:center}
.hero-slideshow__controls .hero-slideshow__dot{width:28px}
.hero-slideshow__dot span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.3;transition:width .2s,opacity .2s}
.hero-slideshow__dot[aria-current=true] span{width:20px;border-radius:10px;opacity:1}
.hero-slideshow__play{border-left:1px solid #19262b18!important}
.hero-slideshow__slide.is-entering{animation:hero-slide-in .45s ease both}
.hero-slideshow .hero__scroll{z-index:2}
.hero-slideshow[data-hero-slider]{touch-action:pan-y pinch-zoom}
@keyframes hero-slide-in{from{opacity:.35}to{opacity:1}}
@media(max-width:749px){
  .hero-slideshow__slide .hero__title{font-size:clamp(34px,7.5vw,48px)}
  .hero-slideshow__slide.hero--products .hero__title{font-size:34px}
  .hero-slideshow__slide.hero--light .hero__media:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0009,transparent)}
  .hero-slideshow__slide .hero__media.has-mobile-image .hero__image{object-position:var(--hero-position,center)}
  .hero-slideshow__controls{bottom:42px;gap:0;padding:2px}
  .hero-slideshow__controls .hero-slideshow__dot{width:24px}
}
@media(prefers-reduced-motion:reduce){
  .hero-slideshow__slide.is-entering{animation:none}
  .hero-slideshow__dot span{transition:none}
}