.hero--banner-slider{min-height:0;aspect-ratio:1920/650}
.hero--banner-slider::after{display:none}
.hero--banner-slider .hero-slides{z-index:0}
.hero--banner-slider .hero-slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .45s ease}
.hero--banner-slider .hero-slide.active{z-index:1;opacity:1;pointer-events:auto}
.hero--banner-slider .hero-slide img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.hero-slide::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,55,20,.84),rgba(0,55,20,.24) 68%,transparent);pointer-events:none}
.hero-slide-link{position:absolute;z-index:2;inset:0}
.hero--banner-slider .hero-banner-copy{position:relative;z-index:3;left:6%;width:46%;padding:0;margin-top:0;top:50%;transform:translateY(-50%);pointer-events:none}
.hero--banner-slider .hero-banner-copy .eyebrow{color:#d9ff74}
.hero--banner-slider .hero-banner-copy h1{font-size:clamp(22px,3.2vw,48px)}
.hero--banner-slider .hero-banner-copy>p:not(.eyebrow){font-size:clamp(10px,1.25vw,16px)}
.hero--banner-slider .hero-banner-copy .button-primary{position:relative;z-index:4;pointer-events:auto;background:var(--green)}
.hero--banner-slider .hero-slider-controls{position:absolute;right:13px;bottom:11px;z-index:4;display:flex;align-items:center;gap:8px}
.hero-slider-controls>button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--green-dark);font-size:22px;line-height:1;cursor:pointer}
.hero-slider-dots{display:flex;align-items:center;gap:6px}.hero-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;transition:width .2s ease,background .2s ease}.hero-slider-dots button.active{width:20px;background:var(--green)}
@media(max-width:639px){.hero--banner-slider{aspect-ratio:1.65/1}.hero--banner-slider .hero-banner-copy{left:0;width:68%;padding-left:20px}.hero--banner-slider .hero-banner-copy h1{font-size:clamp(18px,7.5vw,29px)}.hero--banner-slider .hero-banner-copy>p:not(.eyebrow){margin-bottom:10px;font-size:10px;line-height:1.35}.hero--banner-slider .hero-banner-copy .button-primary{min-height:38px;padding:0 13px;font-size:11px}.hero--banner-slider .hero-banner-copy .button-primary b{font-size:18px}.hero--banner-slider .hero-slider-controls{right:9px;bottom:8px}.hero-slider-controls>button{display:none}}
