.hero-banner{position:relative;padding-top:min(var(--vh),80rem);min-height:50rem}.hero-banner .container{height:100%}.hero-banner .section-layout{background-color:transparent;position:fixed;top:0;left:0;height:min(var(--vh),80rem);min-height:50rem;width:100%}.hero-banner .video-section{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0}.hero-banner .video-section:before{position:absolute;left:0;top:0;content:"";background:#30211980;width:100%;height:100%;z-index:0}.hero-banner .video-section video,.hero-banner .video-section iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0;will-change:transform;z-index:-1;background-size:cover;transition:1s opacity}.hero-banner .video-section video{margin:0 auto}.hero-banner .inner{display:flex;gap:4rem;flex-direction:column;height:100%;justify-content:flex-end;position:relative;padding:10rem 0 7.1rem}.hero-banner .inner .content-wrapper{width:100%;max-width:67rem}.hero-banner .inner .content-wrapper .content-inner{width:100%}.hero-banner .inner .content-wrapper h1{margin:5.2rem 0 2rem;max-width:59rem}.hero-banner .inner .content-wrapper .para{max-width:59rem}.hero-banner .inner .content-wrapper .para p{color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:200;line-height:1.2;letter-spacing:.05rem}.hero-banner .inner .content-wrapper .subscribe-form{display:flex;column-gap:1.5rem;row-gap:1.6rem;margin-top:2.5rem;flex-direction:column;align-items:flex-start}.hero-banner .inner .content-wrapper .subscribe-form form{display:flex;width:100%}.hero-banner .inner .content-wrapper .subscribe-form form .email-field{padding:1.9rem 1.9rem 1.8rem;font-size:1.3rem;border:none;min-width:calc(100% - 9.6rem);box-shadow:unset;width:100%;outline:none;border-radius:0!important}.hero-banner .inner .content-wrapper .subscribe-form form .btn{padding:2rem 2.3rem 1.9rem}.hero-banner .inner .content-wrapper .subscribe-form a{display:flex;align-items:center;font-size:1.5rem;font-weight:400;gap:1.1rem;line-height:1;width:100%}.hero-banner .inner .content-wrapper .subscribe-form a u{font-weight:500}.hero-banner .inner .content-wrapper .subscribe-form a:hover,.hero-banner .inner .content-wrapper .subscribe-form a:focus{color:rgb(var(--color-link))}.hero-banner .inner .content-wrapper .subscribe-form a:hover u,.hero-banner .inner .content-wrapper .subscribe-form a:focus u{color:rgb(var(--color-link-hover))}.hero-banner .inner .content-wrapper .subscribe-form a img{max-width:2.2rem}.hero-banner .block{width:50%;height:3rem;background-color:#e9e5e0;position:absolute;right:0;bottom:0}@media only screen and (min-width: 414px){.hero-banner .inner .content-wrapper .subscribe-form form .email-field{min-width:24.1rem}.hero-banner .inner .content-wrapper .subscribe-form form{display:flex;width:auto}}@media only screen and (min-width: 769px){.hero-banner{position:relative;padding-top:min(100vh,90rem)}.hero-banner .inner .content-wrapper h1{margin:3rem 0 2rem}.hero-banner .section-layout{height:min(100vh,90rem)}.hero-banner .inner{padding:14rem 0 6.5rem}.hero-banner .block{height:3rem}.hero-banner .inner .content-wrapper .para p{font-size:2rem}.hero-banner .inner .content-wrapper .subscribe-form a{font-size:1.6rem;gap:1rem}.hero-banner .inner .content-wrapper .subscribe-form a img{max-width:2.5rem}.hero-banner .inner .content-wrapper .subscribe-form form .email-field{width:31.5rem;font-size:1.4rem;padding:2.5rem 3.1rem}.hero-banner .inner .content-wrapper .subscribe-form form .btn{min-width:12.6rem}.hero-banner .block{height:4rem}.hero-banner .inner .content-wrapper .subscribe-form{flex-direction:unset;align-items:center;column-gap:1.5rem;row-gap:1.6rem;margin-top:3rem}.hero-banner .inner{min-height:min(var(--vh),90rem)}.hero-banner .inner .content-wrapper h1{margin-top:5.7rem;margin-bottom:1.9rem}.hero-banner .block{max-width:55rem;height:6.5rem;width:50%}}@media only screen and (min-width: 1441px){.hero-banner .block{max-width:100%;height:6.5rem;width:calc(50% - 17.2rem)}}.newsletter-message{display:none;transition:opacity .4s ease;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;line-height:1.4}.newsletter-message.success,.newsletter-message.error{display:block;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero-banner.css.map */