.tb-page-hero{--color-background: 0, 0, 0;--color-foreground: 255, 255, 255;--color-button: 255, 242, 0;--color-button-text: 0, 0, 0;--color-secondary-button: 0, 0, 0;--color-secondary-button-text: 255, 242, 0;--color-link: 255, 242, 0;color:#fff;background:#000}.tb-page-hero__stage{position:relative;isolation:isolate;width:100%;max-width:var(--page-width);min-height:500px;margin-inline:auto;overflow:hidden;background:#0a0a0a}.tb-page-hero .tb-page-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:72% center}.tb-page-hero__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#000000f0,#000c 35%,#00000047 66%,#00000024)}.tb-page-hero .tb-page-hero__content{position:relative;z-index:1;display:flex;align-items:center;min-height:500px;padding-block:5rem}.tb-page-hero__copy{width:56%;max-width:64rem;min-width:0}.tb-page-hero__eyebrow{margin:0 0 1.6rem;color:#fff200;font-family:var(--font-body-family);font-weight:600}.tb-page-hero .tb-page-hero__heading{margin:0;color:#fff;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(3.4rem,3.4vw,5.4rem);line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance}.tb-page-hero__body{margin-top:2rem;color:#fff;font-family:var(--font-body-family);font-size:1.7rem;line-height:1.6;overflow-wrap:anywhere}.tb-page-hero__body>:first-child{margin-top:0}.tb-page-hero__body>:last-child{margin-bottom:0}.tb-page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2.8rem}.tb-page-hero__actions .button{max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:center}.tb-page-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}.tb-page-hero--compact .tb-page-hero__body{margin-top:1.6rem}.tb-page-hero--compact .tb-page-hero__actions{margin-top:2rem}.tb-page-hero__anchor{scroll-margin-top:10rem}.tb-page-hero__saved-content.page-width{padding-block:4rem}@media screen and (max-width:749px){.tb-page-hero__stage:after{background:linear-gradient(90deg,#000000e6,#000000a6 65%,#00000080)}.tb-page-hero .tb-page-hero__content{padding-block:4rem}.tb-page-hero__copy{width:100%;max-width:54rem}.tb-page-hero .tb-page-hero__heading{font-size:clamp(3.2rem,8.5vw,4.4rem)}.tb-page-hero__body{font-size:1.6rem}.tb-page-hero__actions .button{padding-inline:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/tb-page-hero.css.map */