.hero-banner{position:relative;display:flex;min-height:32.5rem;padding:5rem 0;color:#fff;overflow:hidden;width:100vw;left:50%;transform:translateX(-50%);border-radius:0 0 2.5rem 2.5rem;height:100vh;max-height:32.5rem;margin:0}.hero-banner>.container{height:100%;display:flex;flex-direction:column}.hero-banner__media{position:absolute;inset:0;z-index:0;width:100vw;left:50%;transform:translateX(-50%);background:var(--brand)}.hero-banner__picture,.hero-banner__image,.hero-banner__video{position:absolute;inset:0;width:100%;height:100%}.hero-banner__image,.hero-banner__video{object-fit:cover;object-position:center}.hero-banner__video-slot{position:absolute;inset:0}.hero-banner__inner{position:relative;z-index:2;max-width:40rem;height:100%;justify-content:space-between;display:flex;flex-direction:column;gap:1rem}.hero-banner__title{margin:0;font-size:4.2rem;line-height:120%;font-weight:700;display:inline}.hero-banner__title span{color:var(--text)}.hero-banner__description{margin:0;line-height:inherit;max-width:28rem}.hero-banner__description p{margin:0 0 .6rem}.hero-banner__description p:last-child{margin-bottom:0}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}@media (max-width:1024px){.hero-banner{padding:2.5rem 0;min-height:max-content;height:auto;max-height:unset}.hero-banner__title{font-size:2.8rem;font-weight:500}.hero-banner__inner{gap:4rem}}@media(max-width:768px){.hero-banner__actions{display:grid;grid-template-columns:1fr 1fr}.hero-banner__video{transform:scale(1.06) translateX(3%);transform-origin:center}}@media (max-width:456px){.hero-banner__actions{display:grid;grid-template-columns:1fr}}