/* Stable slide geometry is present in the initial static HTML. */
.site-hero{position:relative;isolation:isolate;overflow:hidden;height:min(62.083333333vw,745px);--hero-unit:min(.083333333333vw,1px);background:#272727;color:white;direction:ltr}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 600ms ease,visibility 600ms;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero-grid{position:relative;width:min(100%,1200px);height:100%;margin:auto}
.hero-layer{display:block;position:absolute;box-sizing:border-box;margin:0;color:#fff;font-family:Poppins,Tahoma,sans-serif}
.hero-layer img{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
.hero-layer:hover{color:#fff}
.hero-cta{border:2px solid #0ff;border-radius:5px;transition:background-color 200ms,color 200ms}
.hero-cta:hover{color:#000;background:#0ff}
.hero-navigation{position:absolute;z-index:20;left:calc(50% - 175px);bottom:5px;display:flex;width:350px;gap:7px;padding-left:7px}
.hero-indicator{padding:9px 0;flex:0 0 40px;height:20px;border:0;background:transparent;color:#e5e5e5;cursor:pointer}
.hero-indicator::before{content:"";display:block;height:1px;background:currentColor}
.hero-indicator[aria-current=true]::before{height:2px}
@media(max-width:480px){.site-hero{height:151.041666667vw;--hero-unit:.208333333333vw}.hero-navigation{left:calc(50% - 165px);bottom:31px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}