.hero-banner{position:relative;overflow:hidden;width:100%;display:flex;align-items:stretch}.hero-banner--small{min-height:300px;height:400px}.hero-banner--medium{min-height:400px;height:550px}.hero-banner--large{min-height:500px;height:700px}.hero-banner--full{height:100vh;min-height:500px}.hero-banner--custom{--hero-height-desktop: 600px;--hero-height-mobile: 450px;height:var(--hero-height-desktop);min-height:200px}@media(max-width:749px){.hero-banner--small{height:300px;min-height:250px}.hero-banner--medium{height:400px;min-height:300px}.hero-banner--large{height:500px;min-height:350px}.hero-banner--full{height:100svh;min-height:400px}.hero-banner--custom{height:var(--hero-height-mobile)}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__media--placeholder{background-color:rgb(var(--color-foreground, 18 18 18) / .04)}.hero-banner__placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-banner__video,.hero-banner__video-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}@media(prefers-reduced-motion:reduce){.hero-banner__video{display:none}.hero-banner__video-fallback{display:block;z-index:1}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hero-banner__content-wrapper{position:relative;z-index:3;width:100%;display:flex;padding:4rem 0;box-sizing:border-box}.hero-banner__content-wrapper--top{align-items:flex-start;padding-top:6rem}.hero-banner__content-wrapper--middle{align-items:center}.hero-banner__content-wrapper--bottom{align-items:flex-end;padding-bottom:6rem}@media(max-width:749px){.hero-banner__content-wrapper{padding:2.5rem 0}.hero-banner__content-wrapper--top{padding-top:4rem}.hero-banner__content-wrapper--bottom{padding-bottom:4rem}}.hero-banner__content{width:100%;margin-inline:auto;padding-inline:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;gap:1.2rem;box-sizing:border-box}.hero-banner__content--left{align-items:flex-start;text-align:left;margin-inline-start:0}.hero-banner__content--center{align-items:center;text-align:center}.hero-banner__content--right{align-items:flex-end;text-align:right;margin-inline-end:0;margin-inline-start:auto}.hero-banner__pretitle{margin:0;font-size:.875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;opacity:.85;line-height:1.4}.hero-banner__title{margin:0;line-height:1.1;font-weight:700;letter-spacing:-.02em}.hero-banner__subtitle{margin:0;font-weight:400;line-height:1.5;opacity:.9;max-width:54ch}.hero-banner__content--center .hero-banner__subtitle{margin-inline:auto}.hero-banner__text{max-width:52ch;line-height:1.6;opacity:.85}.hero-banner__content--center .hero-banner__text{margin-inline:auto}.hero-banner__text p{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:.5rem}.hero-banner__content--center .hero-banner__buttons{justify-content:center}.hero-banner__content--right .hero-banner__buttons{justify-content:flex-end}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;letter-spacing:.04em;text-decoration:none;border-radius:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap;border:2px solid transparent;line-height:1.2;--btn-bg: #ffffff;--btn-color: #1a1a1a;--btn-border: #ffffff}.hero-banner__btn--primary{background-color:var(--btn-bg);color:var(--btn-color);border-color:var(--btn-border)}.hero-banner__btn--primary:hover,.hero-banner__btn--primary:focus-visible{background-color:transparent;color:var(--btn-border);border-color:var(--btn-border)}.hero-banner__btn--secondary{background-color:transparent;color:var(--btn-color);border-color:var(--btn-border)}.hero-banner__btn--secondary:hover,.hero-banner__btn--secondary:focus-visible{background-color:var(--btn-bg);color:var(--btn-color, #1a1a1a);border-color:var(--btn-bg)}.hero-banner__btn--ghost{background-color:color-mix(in srgb,var(--btn-bg) 20%,transparent);color:var(--btn-color);border-color:color-mix(in srgb,var(--btn-border) 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-banner__btn--ghost:hover,.hero-banner__btn--ghost:focus-visible{background-color:color-mix(in srgb,var(--btn-bg) 35%,transparent);border-color:color-mix(in srgb,var(--btn-border) 80%,transparent)}.hero-banner__btn--link{background-color:transparent;color:var(--btn-color);border-color:transparent;padding-inline:0;text-decoration:underline;text-underline-offset:4px}.hero-banner__btn--link:hover,.hero-banner__btn--link:focus-visible{opacity:.75}.hero-banner__btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(max-width:989px){.hero-banner__content{padding-inline:3rem}}@media(max-width:749px){.hero-banner__content{padding-inline:1.5rem;gap:1rem}.hero-banner__content--left,.hero-banner__content--right{max-width:100%;margin-inline-start:0;margin-inline-end:0;align-items:flex-start;text-align:left}.hero-banner__content--center{align-items:center;text-align:center}.hero-banner__btn{padding:.75rem 1.5rem;font-size:.875rem}.hero-banner__buttons{gap:.75rem}}@media(max-width:480px){.hero-banner__buttons{flex-direction:column;align-items:stretch}.hero-banner__content--center .hero-banner__buttons{align-items:center}.hero-banner__content--right .hero-banner__buttons{align-items:flex-end}.hero-banner__btn{width:100%;max-width:320px}.hero-banner__btn--link{width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.hero-banner__btn{transition:none}}.hero-banner .page-width{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-width-padding, 1.5rem);box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/18/assets/HTS-hero-banner.css.map */