.brand-hero{position:relative;display:grid;align-items:center;min-height:var(--hero-min-h, 78vh);overflow:hidden}.brand-hero--pos-top{align-items:start}.brand-hero--pos-bottom{align-items:end}.brand-hero__img--mobile{display:none}@media screen and (max-width:749px){.brand-hero--has-mobile .brand-hero__img--desktop{display:none}.brand-hero--has-mobile .brand-hero__img--mobile{display:block}.brand-hero--mpos-top{align-items:start}.brand-hero--mpos-center{align-items:center}.brand-hero--mpos-bottom{align-items:end}}@media screen and (min-width:750px){.brand-hero--pos-custom{align-items:start}.brand-hero--pos-custom .brand-hero__content{position:absolute;top:var(--hero-top, 72%);left:0;right:0;max-width:none;width:auto;margin:0;padding-block:0;padding-inline:var(--hero-left, 4.5%) 0}.brand-hero--edge .brand-hero__content{max-width:none;width:auto;margin:0;padding-inline:var(--hero-left, 4.5%) 0}.brand-hero--edge .brand-hero__inner{max-width:60vw}}.brand-hero__media,.brand-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.brand-hero__img{width:100%;height:100%;object-fit:cover}.brand-hero__overlay{background:linear-gradient(180deg,rgba(16,20,24,calc(var(--overlay) * .6)),rgba(16,20,24,var(--overlay)))}.brand-hero__content{position:relative;z-index:1;padding-block:clamp(3rem,8vw,6rem)}.brand-hero__inner{max-width:40rem;text-align:var(--hero-align, left);margin-inline:var(--hero-align-margin, 0);color:#fff}.brand-hero[style*=center] .brand-hero__inner{margin-inline:auto}.brand-hero__eyebrow{font-size:var(--brand-eyebrow);font-weight:var(--brand-eyebrow-weight);margin-bottom:.75rem;color:var(--teal)}.brand-hero__headline{font-size:var(--brand-h1, clamp(3.2rem, 2.24rem + 3vw, 4.8rem));line-height:1.05;margin:0 0 calc(1rem * var(--text-gap, 1));color:#fff}.brand-hero__hl1,.brand-hero__hl2{display:block}.brand-hero__hl1{color:var(--hl1-color, inherit)}.brand-hero__hl2{color:var(--hl2-color, inherit)}.brand-hero__headline--wide{font-family:"Archivo",var(--font-heading-family);font-stretch:112.5%;font-weight:800;letter-spacing:0;line-height:.95}.brand-hero__headline--body{font-family:var(--font-body-family)}.brand-hero__tagline{margin:0 0 calc(1.75rem * var(--text-gap, 1));font-family:var(--font-body-family);font-weight:400;text-transform:uppercase;letter-spacing:var(--tag-spacing, .35em);font-size:1.3rem;line-height:1.3;color:var(--tagline-color, rgba(255, 255, 255, .92))}.brand-hero__sub{font-size:clamp(1.6rem,1.52rem + .4vw,1.92rem);line-height:1.35;margin:0 0 calc(1.75rem * var(--text-gap, 1));color:var(--sub-color, rgba(255, 255, 255, .92))}@media screen and (min-width:750px){.brand-hero--hl-sized .brand-hero__headline{font-size:calc(var(--hl-size, 48) * 100vw / 1440)}.brand-hero__tagline{font-size:calc(var(--tag-size, 16) * 100vw / 1440)}.brand-hero--sub-sized .brand-hero__sub{font-size:calc(var(--sub-size, 20) * 100vw / 1440)}.brand-hero--edge .brand-hero__sub{max-width:34em}.brand-hero--edge .brand-hero__headline{margin-bottom:calc(1vw * var(--text-gap, 1))}.brand-hero--edge .brand-hero__tagline,.brand-hero--edge .brand-hero__sub{margin-bottom:calc(1.6vw * var(--text-gap, 1))}}@media screen and (max-width:749px){.brand-hero__headline{font-size:var(--hl-size-m, var(--brand-h1, 3.2rem))}}.brand-hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:var(--hero-align, flex-start)}.brand-hero__cta2{background:transparent;color:#fff;border-color:#ffffffb3}.brand-hero__microtrust{margin-top:1.25rem;font-size:1.4rem;color:#ffffffd9}.brand-hero__badge{position:absolute;z-index:2;right:var(--badge-right, 9.5%);bottom:var(--badge-bottom, 6.5%);display:inline-flex;align-items:center;padding:.32em .7em;background:var(--badge-bg, #9ed8d8);color:var(--badge-text, #fff);font-family:var(--font-body-family);font-weight:700;text-transform:uppercase;letter-spacing:.32em;line-height:1.2;text-decoration:none;font-size:calc(var(--badge-size, 26) * 100vw / 1440);white-space:nowrap}.brand-hero__badge-arrow{position:absolute;right:-.15em;bottom:70%;width:1.05em;height:2.2em;color:#fff;pointer-events:none}@media screen and (max-width:749px){.brand-hero__badge{font-size:1.3rem;right:1.25rem;bottom:1.25rem}.brand-hero__badge--desktop-only{display:none}}@media screen and (min-width:750px){.brand-hero--fit{min-height:0;aspect-ratio:var(--hero-ratio, 2)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/brand-hero.css.map */