.hero-banner{background:radial-gradient(560px circle at 88% 8%,color-mix(in srgb,var(--accent-color) 55%,transparent),transparent 70%),radial-gradient(640px circle at 8% 100%,color-mix(in srgb,var(--primary-color) 45%,transparent),transparent 65%),var(--secondary-color);color:#fff;overflow:hidden;padding:104px 0;position:relative}.hero-banner__bg-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.hero-banner__overlay{background:linear-gradient(180deg,rgba(23,33,29,.55),rgba(23,33,29,.88));inset:0;position:absolute;z-index:1}.hero-banner__inner{max-width:720px;position:relative;z-index:2}.hero-banner--align-center .hero-banner__inner{margin:0 auto;text-align:center}.hero-banner__eyebrow{color:var(--accent-color);display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.hero-banner__headline{color:#fff;margin-bottom:16px}.hero-banner__subheadline{color:hsla(0,0%,100%,.85);font-size:18px;margin-bottom:32px}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:16px}.hero-banner--align-center .hero-banner__actions{justify-content:center}.hero-banner__cta--secondary{background:transparent;border:1px solid hsla(0,0%,100%,.4);color:#fff}.hero-banner__cta--secondary:hover{background:hsla(0,0%,100%,.1);color:#fff}