.x-hero3{--x-hero3-ratio:21 / 9;position:relative;width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;background:var(--xg-green,#123023)}@media (max-width:899.98px){.x-hero3{--x-hero3-ratio:4 / 5}}.x-hero3__track{display:flex;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.x-hero3__slide{position:relative;flex:0 0 100%;aspect-ratio:var(--x-hero3-ratio);max-height:100vh}.x-hero3__slide picture{display:block;position:absolute;inset:0}.x-hero3__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.x-hero3__controls{display:none}.x-hero3[data-hero3-js] .x-hero3__controls{display:block}.x-hero3__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:0;border-radius:999px;cursor:pointer;font-size:22px;line-height:1;color:var(--xg-green,#123023);background:rgb(247 244 238 / .82);transition:background .25s ease,opacity .25s ease}.x-hero3__arrow:hover{background:rgb(247 244 238)}.x-hero3__arrow.is-prev{left:12px}.x-hero3__arrow.is-next{right:12px}@media (min-width:900px){.x-hero3__arrow.is-prev{left:24px}.x-hero3__arrow.is-next{right:24px}}@media (hover:none){.x-hero3__arrow{display:none}}.x-hero3__dots{position:absolute;left:0;right:0;bottom:8px;z-index:2;display:flex;justify-content:center;gap:4px}.x-hero3__dot{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.x-hero3__dot::before{content:"";width:8px;height:8px;border-radius:999px;background:rgb(247 244 238 / .55);transition:background .25s ease,width .25s ease}.x-hero3__dot.is-current::before{width:22px;background:rgb(247 244 238 / .95)}.x-hero3__pause{position:absolute;right:12px;bottom:10px;z-index:2;width:30px;height:30px;padding:0;border:0;border-radius:999px;cursor:pointer;background:rgb(247 244 238 / .7)}.x-hero3__pauseicon{display:block;width:8px;height:10px;margin:0 auto;border-left:3px solid var(--xg-green,#123023);border-right:3px solid var(--xg-green,#123023)}.x-hero3.is-paused .x-hero3__pauseicon{width:0;height:0;border-left:9px solid var(--xg-green,#123023);border-right:0;border-top:6px solid #fff0;border-bottom:6px solid #fff0}.x-hero3__arrow:focus-visible,.x-hero3__dot:focus-visible,.x-hero3__pause:focus-visible{outline:2px solid var(--xg-cream,#f7f4ee);outline-offset:3px}@media (prefers-reduced-motion:reduce){.x-hero3__track{transition:none}}