.hero-banner-wrap{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:800px;margin-top:2.25rem;display:flex}.hero-banner-stage{width:100%;box-shadow:6px 6px 0 var(--opacity-50);border:1px solid #144d1e4d;grid-template-columns:1fr;display:grid;overflow:hidden}.hero-banner-slide{will-change:transform, opacity;grid-area:1/1}.hero-banner-slide--enter{animation:.5s ease-out forwards banner-enter}.hero-banner-slide--exit{animation:.5s ease-in forwards banner-exit}@keyframes banner-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes banner-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.hero-banner-card{flex-direction:column;width:100%;display:flex;overflow:hidden}.hero-banner-img-panel{flex-shrink:0;width:100%;height:140px;position:relative;overflow:hidden}.hero-banner-bg{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-banner-content{background:#04140a;flex-direction:column;flex:1;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;display:flex}.hero-banner-message{color:var(--brand-bg);letter-spacing:.03em;font-size:.85rem;font-weight:700;line-height:1.45}.hero-banner-cta{background:var(--brand-text);color:var(--brand-bg);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding:.45rem 1.15rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.hero-banner-cta:hover{transform:translateY(-2px);box-shadow:0 0 20px #144d1e73}@media (min-width:550px){.hero-banner-card{flex-direction:row;height:120px}.hero-banner-img-panel{width:42%;height:100%}.hero-banner-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1.25rem}}.hero-banner-dots{gap:.5rem;display:flex}.hero-banner-dot{cursor:pointer;background:#d1d0c133;border:none;border-radius:100px;width:8px;height:8px;padding:0;transition:background .25s,width .25s}.hero-banner-dot--active{background:var(--brand-text);width:24px}.hero-banner-dot:hover:not(.hero-banner-dot--active){background:#d1d0c166}@media (prefers-reduced-motion:reduce){.hero-banner-slide--enter,.hero-banner-slide--exit{animation:none}}