.cs-hero{position:relative;width:100%;min-height:var(--cs-hero-height-mobile, 100vh);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--cs-hero-text-color, #fff)}.cs-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cs-hero__img{width:100%;height:100%;object-fit:cover}.cs-hero__img--desktop{display:none}.cs-hero__img--mobile{display:block}.cs-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,rgba(0,0,0,var(--cs-hero-overlay-opacity, .6)));z-index:2}.cs-hero__content{position:relative;z-index:3;width:100%;max-width:100%;padding:2.4rem;text-align:center}.cs-hero__content--left{text-align:left;padding-left:2.4rem;padding-right:2.4rem}.cs-hero__content--right{text-align:right}.cs-hero__headline{font-family:var(--font-heading-family, "Butler", serif);font-size:3.2rem;font-weight:500;line-height:1.1;letter-spacing:-.01em;color:inherit;margin:0 0 1.6rem}.cs-hero__subhead{font-family:var(--font-body-family, "Karla", sans-serif);font-size:1.6rem;font-weight:300;line-height:1.5;color:inherit;margin:0 0 2.4rem;max-width:50rem;opacity:.95}.cs-hero__content--center .cs-hero__subhead{margin-left:auto;margin-right:auto}.cs-hero__ctas{display:flex;flex-direction:column;gap:1.6rem;align-items:center}.cs-hero__content--left .cs-hero__ctas{align-items:flex-start}.cs-hero__content--right .cs-hero__ctas{align-items:flex-end}.cs-hero__btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:20rem;height:4.8rem;padding:0 3.2rem;background-color:var(--cs-hero-btn-bg, #1e1e1f);color:var(--cs-hero-btn-text, #fff);font-family:var(--font-body-family, "Karla", sans-serif);font-size:1.3rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;border:none;border-radius:0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cs-hero__btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cs-hero__btn-primary:hover{opacity:.9;transform:translateY(-2px)}.cs-hero__btn-primary:hover:before{left:100%}.cs-hero__btn-primary:focus-visible{outline:2px solid var(--color-typography-accent, #fff);outline-offset:2px}.cs-hero__btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.8rem 1.6rem;background-color:transparent;color:inherit;font-family:var(--font-body-family, "Karla", sans-serif);font-size:1.4rem;font-weight:500;letter-spacing:.05rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;position:relative}.cs-hero__btn-secondary:after{content:"";position:absolute;bottom:.4rem;left:1.6rem;right:1.6rem;height:1px;background-color:currentColor;opacity:.6;transition:opacity .3s ease}.cs-hero__btn-secondary:hover:after{opacity:1}.cs-hero__btn-secondary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.cs-hero__btn-secondary--outline{border:2px solid currentColor;border-radius:25px;padding:0 2.4rem;height:4.8rem}.cs-hero__btn-secondary--outline:after{display:none}.cs-hero__btn-secondary--outline:hover{background-color:#ffffff1a}@media screen and (min-width:990px){.cs-hero{min-height:var(--cs-hero-height-desktop, 100vh)}.cs-hero__img--desktop{display:block}.cs-hero__img--mobile{display:none}.cs-hero__content{padding:5rem;max-width:80rem}.cs-hero__content--left{padding-left:5rem;max-width:60rem;margin-left:0;margin-right:auto}.cs-hero__headline{font-size:5.6rem}.cs-hero__subhead{font-size:1.8rem}.cs-hero__ctas{flex-direction:row;justify-content:center;gap:2.4rem}.cs-hero__content--left .cs-hero__ctas{justify-content:flex-start}.cs-hero__content--right .cs-hero__ctas{justify-content:flex-end}.cs-hero__btn-primary{height:5rem;font-size:1.4rem}.cs-hero__btn-secondary--outline{height:5rem}}@media screen and (min-width:1440px){.cs-hero__content{max-width:90rem}.cs-hero__headline{font-size:6.4rem}.cs-hero__subhead{font-size:2rem}}@media(prefers-reduced-motion:reduce){.cs-hero__btn-primary,.cs-hero__btn-primary:before,.cs-hero__btn-secondary,.cs-hero__btn-secondary:after{transition:none}.cs-hero__btn-primary:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-cs-clean-standards-hero.css.map */