.hero{position:relative;display:flex;width:100%;min-height:var(--hero-min-height, 480px);overflow:hidden;isolation:isolate;color:var(--color-text);margin-top:var(--hero-pull, 0px);padding-top:var(--hero-header-offset, 0px)}.hero--small{height:50vh;height:50svh}.hero--medium{height:65vh;height:65svh}.hero--large{height:80vh;height:80svh}.hero--full{height:100vh;height:100svh}.hero--natural{height:auto;min-height:0}.hero--natural .hero__media{position:relative}.hero--natural .hero__image{position:relative;height:auto}.hero--natural .hero__content{position:absolute;top:0;right:0;bottom:0;left:0}.hero--text-light{color:#fff}.hero--text-dark{color:#111}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(var(--color-text-rgb),.08)}.hero__image,.hero__video{display:block;width:100%;height:100%;object-fit:cover}.hero__placeholder,.hero__placeholder-svg{width:100%;height:100%}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--hero-overlay, .25));pointer-events:none}.hero__content{display:flex;flex:1;padding-top:60px;padding-bottom:60px;align-items:flex-end;justify-content:flex-start}.hero--center-left .hero__content{align-items:center}.hero--center .hero__content{align-items:center;justify-content:center;text-align:center}.hero--bottom-center .hero__content{justify-content:center;text-align:center}.hero__inner{max-width:720px}.hero__heading{margin:0 0 .4em;color:inherit}.hero__text{margin:0 0 1.4em;color:inherit}.hero__text p:last-child{margin-bottom:0}.hero__buttons{display:flex;flex-wrap:wrap;gap:16px 24px}.hero__buttons+.hero__buttons{margin-top:-8px}.hero__button.button--solid{display:inline-flex;align-items:center}.hero--text-light .hero__button.button--solid{background:#fff;color:#111}.hero--text-light .hero__button.button--underline{color:#fff;border-color:#fff}.hero--text-light .hero__button.button--underline svg path,.hero--text-light .hero__button.button--underline svg polygon{fill:#fff}.hero--text-dark .hero__button.button--solid{background:#111;color:#fff}.hero--text-dark .hero__button.button--underline{color:#111;border-color:#111}.hero--first{--hero-pull: calc(-1 * var(--body-margin))}@media(prefers-reduced-motion:reduce){.hero__video{display:none}.hero__media{background-size:cover;background-position:center}}@media screen and (max-width:767px){.hero__content{padding-top:40px;padding-bottom:40px}.hero--small{height:55vh;height:55svh}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero.css.map */
