.hero{position:relative;display:flex;overflow:hidden}.hero--height-small{height:min(60vh,560px);min-height:420px}.hero--height-medium{height:min(75vh,720px);min-height:480px}.hero--height-large{height:min(88vh,860px);min-height:600px}.hero--height-natural{height:auto;aspect-ratio:var(--hero-aspect-ratio, 1)}@media screen and (max-width:749px){.hero--height-natural{aspect-ratio:var(--hero-aspect-ratio-mobile, var(--hero-aspect-ratio, 1))}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__image,.hero__video,.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__image{object-position:center 12%}.hero__placeholder{background:var(--color-background-secondary)}.hero__scrim{position:absolute;left:0;right:0;pointer-events:none}.hero__scrim--top{top:0;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.hero__scrim--bottom{bottom:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;color:#fff;width:100%;padding:0 var(--container-gutter) clamp(32px,5vw,56px)}.hero__content--top{justify-content:flex-start;padding-top:clamp(100px,14vw,160px)}.hero__content--center{justify-content:center;padding-bottom:0}.hero__content--bottom{justify-content:flex-end}.hero__content--left{align-items:flex-start;text-align:left}.hero__content--center{align-items:center;text-align:center}.hero__eyebrow{color:#fff;opacity:.9}.hero__heading{font-size:calc(clamp(2.4rem,5.6vw,4.4rem) * var(--font-heading-scale));line-height:1.1;margin-bottom:14px;max-width:960px;text-wrap:balance}.hero__subheading{font-size:clamp(.8rem,1.4vw,.94rem);letter-spacing:.1em;text-transform:uppercase;line-height:1.5;max-width:720px;opacity:.95;margin-bottom:22px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}body.template-index .hero .btn--primary{background:#fff;color:var(--color-text);border-color:#fff}body.template-index .hero .btn--primary:hover:not(:disabled){filter:none;background:var(--color-text);color:#fff}.hero__btn-secondary{border-color:#fff;color:#fff}.hero__btn-secondary:hover{background:#fff;color:var(--color-text)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-hero.css.map */