.mp-hero{position:relative;width:100%;container-type:inline-size;--u:min(1px,calc(100cqw / 1800));--grid-height:900;background:#222;overflow:hidden;isolation:isolate}
.mp-hero-stage{height:calc(var(--grid-height)*var(--u));position:relative}
.mp-hero-slide{position:absolute;inset:0;overflow:hidden;z-index:0;background:#222}
.mp-hero-slide.is-active{z-index:1}
.mp-hero-slide[hidden]{display:none}
.mp-hero .mp-hero-image{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;max-width:none!important;transform:scale(1.15)}
.mp-hero-slide.is-active .mp-hero-image{animation:mp-hero-zoom 13s linear both}
.mp-hero-slide.is-entering{z-index:2;animation:mp-hero-reveal 2s cubic-bezier(.2,.65,.3,1) both}
.mp-hero-layer{position:absolute;z-index:3;left:calc(50% + var(--x)*var(--u));top:calc(50% + var(--y)*var(--u));transform:translate(-50%,-50%);width:max-content;white-space:nowrap;color:#fff;font-family:Montserrat,sans-serif;font-size:calc(var(--fs)*var(--u));line-height:calc(var(--lh)*var(--u));font-size:round(nearest,calc(var(--fs)*var(--u)),1px);line-height:round(nearest,calc(var(--lh)*var(--u)),1px);letter-spacing:calc(var(--ls)*var(--u));font-weight:var(--fw);padding:calc(var(--pt)*var(--u)) calc(var(--pr)*var(--u)) calc(var(--pb)*var(--u)) calc(var(--pl)*var(--u))}
.mp-hero-cta{display:block;background:#286034;color:#fff!important;border-radius:5px;text-decoration:none!important}
.mp-hero-cta i{font-size:1.6rem;vertical-align:-.1em}
.mp-hero-arrow{position:absolute;z-index:5;top:calc(50% + 80px);transform:translateY(-50%);width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#0008;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mp-hero-prev{left:20px}.mp-hero-next{right:20px}.mp-hero-arrow:hover{background:#000}
.mp-hero-pause{position:absolute;bottom:14px;right:20px;z-index:5;width:36px;height:36px;padding:0;border:1px solid #ffffff80;border-radius:50%;color:#fff;background:#0008;cursor:pointer;opacity:0}
.mp-hero:hover .mp-hero-pause,.mp-hero:focus-within .mp-hero-pause{opacity:1}
.mp-hero :focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:1239px){.mp-hero{--u:min(1px,calc(100cqw / 1024))}}
@media(max-width:1023px){.mp-hero{--u:min(1px,calc(100cqw / 778));--grid-height:800}}
@media(max-width:777px){.mp-hero{--u:min(1px,calc(100cqw / 480));--grid-height:800}.mp-hero-pause{opacity:1}}
@keyframes mp-hero-zoom{from{transform:scale(1.15)}to{transform:scale(1)}}
@keyframes mp-hero-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.mp-hero-slide,.mp-hero-image{animation:none!important;transform:none}.mp-hero-layer{transform:translate(-50%,-50%)}.mp-hero-pause{opacity:1}}