.hero-banner{position:relative;font-family:var(--font-body)}.hero-banner__content *:not(a){color:var(--text-color)}.hero-banner__content .hero-banner__content-wrapper{display:flex;flex-direction:column}.hero-banner__content .heading{margin:0 0 8px}.hero-banner__content .heading *{margin:0}.hero-banner__content .hero-banner__desc .content *{margin:0 0 8px}.hero-banner__content .hero-banner__desc .content *:last-of-type{margin-bottom:0}.hero-banner__content .hero-banner__actions{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:20px}.hero-banner__content .hero-banner__desc .buttons{margin-top:0;display:flex;flex-direction:column;gap:26px}@media(max-width:767px){.hero-banner__content .hero-banner__actions{margin-top:20px;align-items:flex-start}.hero-banner__content .hero-banner__desc .buttons{text-align:center}.hero-banner__bg,.hero-banner__bg video{max-height:100vh;max-height:100svh}.hero-banner__content{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.hero-banner__bottom{width:100%;height:12px;background-color:#fff;display:block}.hero-banner__content{position:absolute;top:0;bottom:0;left:0;padding:50px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.hero-banner__bg video{width:100%;aspect-ratio:390 / 737;object-fit:cover;display:block}@media(min-width:991px){.hero-banner__bg video{aspect-ratio:var(--video-size)}}@media(min-width:768px){.hero-banner__content{top:0;bottom:auto;left:0;width:calc(100% - 280px);height:calc(100% - 310px);padding:155px 100px}.hero-banner__content .hero-banner__content-wrapper{gap:20px}.hero-banner__content .heading,.hero-banner__content .hero-banner__desc{max-width:500px}.hero-banner__content .heading{margin:0}.hero-banner__content .hero-banner__actions{flex-direction:row;align-items:center;flex-wrap:wrap}.hero-banner__content .hero-banner__desc .buttons{flex-direction:row}}.hero-banner .btn--primary{background-color:#fffa;border-color:#fffa;color:#000}.hero-banner .btn--primary:hover{background-color:transparent;border-color:#fff;color:#fff}.hero-banner .btn--primary:focus,.hero-banner .btn--primary:focus-visible{background-color:#fff;border-color:#fff;color:#000}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-banner.css.map */