.hero-banner{position:relative;overflow:hidden;display:flex}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__media img{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.hero-banner__content{position:relative;z-index:1;width:100%;display:flex;align-items:center}.hero-banner__inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2rem;max-width:54rem;padding:5rem 0}.hero-banner__content .hero-banner__inner{background-color:transparent}@media screen and (max-width:749px){.hero-banner__inner{padding:3.2rem 1.6rem}}.hero-banner__content--center .hero-banner__inner{margin-inline:auto;align-items:center;text-align:center}.hero-banner__content--right .hero-banner__inner{margin-left:auto;align-items:flex-end;text-align:right}.hero-banner__heading{margin:0;line-height:1.05;font-family:Syne,sans-serif;font-weight:800}.hero-banner__heading .hero-highlight{background:#111;color:#fe0;padding:.05em .3em;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline-block}.hero-banner__text{margin:0}.hero-banner__text .hero-pill{display:inline-block;margin-top:.6rem;padding:.9rem 1.8rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:999px;background:#ffffffa6;font-size:1.4rem;white-space:nowrap}@media screen and (max-width:749px){.hero-banner__text .hero-pill{font-size:1.1rem;padding:.8rem 1.4rem}}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem}.hero-banner__buttons .button--primary{--color-button: 255, 238, 0;--color-button-text: 17, 17, 17;--alpha-button-background: 1;--buttons-radius: 1.6rem;--buttons-radius-outset: 1.6rem}.hero-banner__buttons .button--secondary{--color-button: 17, 17, 17;--color-button-text: 255, 255, 255;--alpha-button-background: 1;--buttons-radius: 1.6rem;--buttons-radius-outset: 1.6rem}.hero-banner__btn-wrap{position:relative;display:inline-flex}.hero-banner__badge{position:absolute;top:0;right:0;width:5.2rem;height:5.2rem;transform:translate(20%,-65%);border-radius:50%;overflow:hidden;box-shadow:0 .8rem 1.4rem #00000047;pointer-events:none}.hero-banner__badge img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:749px){.hero-banner__buttons{flex-direction:column;width:100%}.hero-banner__buttons .button{width:100%;text-align:center}.hero-banner__btn-wrap{display:flex;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-hero-banner.css.map */