.hero-banner{position:relative;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hero-banner__inner{display:flex;flex-direction:column;gap:3.2rem;position:relative;z-index:2}.hero-banner__top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-direction:column-reverse}.hero-banner__heading-wrap{max-width:80rem}.hero-banner__heading{font-size:3.6rem;line-height:1.1;font-weight:700;margin:0;color:#fff;letter-spacing:-.02em}.hero-banner__subtitle{font-size:1.6rem;font-weight:300;line-height:1.6;opacity:.7;max-width:64rem;color:#fff}.hero-banner__badge{flex-shrink:0;width:10rem;height:5rem;border-radius:.8rem;overflow:hidden;background-color:#fff;padding:.4rem .8rem}.hero-banner__badge img{width:100%;height:100%;object-fit:contain}.hero-banner__cards{display:grid;grid-template-columns:1fr;gap:1.6rem}.hero-banner__card{position:relative;overflow:hidden;border-radius:var(--hero-card-radius, 1.2rem);min-height:36rem;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:#000;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.hero-banner__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden}.hero-banner__card-overlay{border-radius:inherit}.hero-banner__card-media img,.hero-banner__card-media video,.hero-banner__card-media iframe{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--hero-card-radius, 1.2rem) + 2px)}.hero-banner__card-media .placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-banner__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-banner__card-overlay--solid{background:var(--card-overlay-color, rgba(0, 0, 0, .4))}.hero-banner__card-overlay--gradient{background:linear-gradient(var(--card-overlay-direction, to top),var(--card-overlay-color, rgba(0, 0, 0, .7)),var(--card-overlay-color-end, rgba(0, 0, 0, 0)))}.hero-banner__card-content{position:relative;z-index:2;padding:2.4rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;gap:0}.hero-banner__card-top{display:flex;flex-direction:column;gap:1rem}.hero-banner__card-icon{width:100%;height:100%;display:flex;border-radius:.6rem;overflow:hidden;align-items:center;gap:8px}.hero-banner__card-icon img{width:2.4rem;height:2.4rem;object-fit:contain}.hero-banner__card-tag{font-size:14px;text-transform:uppercase;color:gray}.hero-banner__card-title{font-size:28px;font-weight:500;margin:0;color:#fff}.hero-banner__card-description{font-size:16px;line-height:1.5;font-weight:300;opacity:.75;color:#fff;margin:0}.hero-banner__card-cta{display:inline-flex;align-items:center;gap:1rem;margin-top:0}.hero-banner__card-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 2.8rem;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-radius:100px;border:none;cursor:pointer;line-height:1;position:relative;overflow:hidden;z-index:0;transition:color .4s ease}.hero-banner__card-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--hero-btn-hover-bg, #000000);transform:translateY(100%);transition:transform .4s cubic-bezier(.65,0,.35,1);border-radius:inherit}.hero-banner__card-btn:hover:before{transform:translateY(0)}.hero-banner__card-btn--primary{background-color:var(--hero-btn-bg, #29c840);color:var(--hero-btn-text, #ffffff)}.hero-banner__card-btn--secondary{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.hero-banner__card-btn--secondary:hover{border-color:#fff9}.hero-banner__card-btn-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.hero-banner__card-btn-icon svg{width:1.2rem;height:1.2rem}.hero-banner__card-cta:hover .hero-banner__card-btn-icon{transform:scale(1.1)}.hero-banner__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:6rem;height:6rem;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.hero-banner__play-btn:hover{background:#000c;border-color:#ffffffb3}.hero-banner__play-btn svg{width:2rem;height:2rem;margin-left:.3rem}.hero-banner__card.video-playing .hero-banner__play-btn{opacity:0;pointer-events:none}.hero-banner__padding{padding-top:var(--hero-padding-top);padding-bottom:var(--hero-padding-bottom)}@media screen and (min-width:750px){.hero-banner__heading{font-size:5.4rem}.hero-banner__subtitle{font-size:1.5rem}.hero-banner__cards{grid-template-columns:repeat(2,1fr)}.hero-banner__card{min-height:42rem}.hero-banner__card-content{padding:3.2rem}.hero-banner__card-title{font-size:2.8rem}.hero-banner__card-description{font-size:2rem}.hero-banner__badge{width:12rem;height:5.5rem}}@media screen and (min-width:990px){.hero-banner__top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-direction:row}.hero-banner__inner{gap:4rem}.hero-banner__heading{font-size:64px}.hero-banner__subtitle{font-size:2rem}.hero-banner__card{min-height:48rem}.hero-banner__card-content{padding:4rem;gap:1.4rem}.hero-banner__card-title{font-size:40px}.hero-banner__card-btn{font-size:1.4rem;padding:1.6rem 3.2rem}.hero-banner__badge{width:14rem;height:6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-banner.css.map */