.hero.width--content{max-width:1600px;margin-left:auto;margin-right:auto}.hero.width--narrow{max-width:920px;margin-left:auto;margin-right:auto}.hero.width--small{max-width:600px;margin-left:auto;margin-right:auto}.hero.hero--100vw{width:100%;max-width:100%;margin-left:0;margin-right:0}.hero--full-width{width:100%}.hero{position:relative;z-index:1}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero__image-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;pointer-events:none}.hero__image-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media screen and (max-width:749px){.hero__image-bg img{object-position:50% 0%}}.hero.hero--bg-image,.hero.hero--bg-image .hero__inner{min-height:var(--hero-min-height, 530px)}.hero__inner{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.hero__inner{flex-direction:column;justify-content:center;text-align:center}.hero--valign-top .hero__inner{justify-content:flex-start}.hero--valign-center .hero__inner{justify-content:center}.hero--valign-bottom .hero__inner{justify-content:flex-end}.hero__content{flex:1 1 auto;min-width:0}.hero__content--left,.hero__content--left .hero__eyebrow,.hero__content--left .hero__heading,.hero__content--left .hero__subheading{text-align:left}.hero__content--center,.hero__content--center .hero__eyebrow,.hero__content--center .hero__heading,.hero__content--center .hero__subheading{text-align:center}.hero__content--right,.hero__content--right .hero__eyebrow,.hero__content--right .hero__heading,.hero__content--right .hero__subheading{text-align:right}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:inherit}.hero__content--left .hero__actions{justify-content:flex-start}.hero__content--center .hero__actions{justify-content:center}.hero__content--right .hero__actions{justify-content:flex-end}.hero__image{flex:1 1 auto;min-width:0;max-width:100%}.hero__image img{width:100%;height:auto;display:block}.hero[class*=color-scheme-]{background-color:var(--color-background);color:var(--color-text)}.hero[class*=color-scheme-] .hero__eyebrow{color:var(--color-secondary-button-label, var(--color-text))}.hero[class*=color-scheme-] .btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.hero[class*=color-] .btn--ghost{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-bg)}@media screen and (min-width:750px){.hero__inner{flex-direction:row;align-items:flex-start;gap:2rem;width:100%;max-width:100%;padding-left:2rem;padding-right:2rem}.hero__inner--left{justify-content:flex-start;margin-left:0;margin-right:0}.hero__inner--center{justify-content:center;margin-left:auto;margin-right:auto}.hero__inner--right{justify-content:flex-end;margin-left:0;margin-right:0}.hero__inner--left .hero__content,.hero__inner--center .hero__content,.hero__inner--right .hero__content,.hero__inner .hero__image{flex:0 0 calc(50% - 1rem);width:calc(50% - 1rem);min-width:0;max-width:calc(50% - 1rem);box-sizing:border-box}.hero__inner--left .hero__content{order:1;text-align:left}.hero__inner--left .hero__image{order:2}.hero__inner--right .hero__content{order:2;text-align:right}.hero__inner--right .hero__image{order:1}.hero__inner--center .hero__content{order:1;text-align:center}.hero__inner--center .hero__image{order:2}.hero__inner--left .hero__content .hero__eyebrow,.hero__inner--left .hero__content .hero__heading,.hero__inner--left .hero__content .hero__subheading{text-align:left}.hero__inner--center .hero__content .hero__eyebrow,.hero__inner--center .hero__content .hero__heading,.hero__inner--center .hero__content .hero__subheading{text-align:center}.hero__inner--right .hero__content .hero__eyebrow,.hero__inner--right .hero__content .hero__heading,.hero__inner--right .hero__content .hero__subheading{text-align:right}.hero--valign-top .hero__inner{align-items:flex-start}.hero--valign-center .hero__inner{align-items:center}.hero--valign-bottom .hero__inner{align-items:flex-end}.hero__content--left .hero__actions{justify-content:flex-start}.hero__content--center .hero__actions{justify-content:center}.hero__content--right .hero__actions{justify-content:flex-end}.hero__inner>.hero__content:only-child{flex:1 1 100%;width:100%;max-width:100%}}@media screen and (min-width:990px){.hero.hero--100vw .hero__inner{max-width:var(--layout-max-width, 1200px);margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */
