.hero{position:relative;width:100%;overflow:hidden}.hero__picture{display:block;width:100%}.hero__image{width:100%;height:auto;display:block}@media(max-width:767px){.hero{min-height:90vh}.hero__picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero__picture .hero__image{height:100%;object-fit:cover}}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0003);pointer-events:none}@media(max-width:767px){.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.15) 0%,transparent 50%);pointer-events:none;z-index:0}}.hero__content{position:absolute;top:50%;left:var(--gutter);transform:translateY(-50%);max-width:600px;color:var(--color-bg);z-index:1;padding-right:var(--gutter)}@media(max-width:767px){.hero__content{top:auto;bottom:var(--space-8);transform:none}}@media(min-width:1024px){.hero__content{left:var(--gutter-lg);padding-right:var(--gutter-lg)}}.hero__eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-bg);margin:0 0 var(--space-4) 0}.hero__heading{font-family:var(--font-display);font-weight:400;font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--color-bg);margin:0}@media(max-width:767px){.hero__heading{font-size:var(--fs-2xl);padding-bottom:var(--space-12)}}@media(max-width:379px){.hero__heading{font-size:var(--fs-xl)}}@media(min-width:1024px){.hero__heading{font-size:var(--fs-5xl)}}.hero__heading em,.hero__heading i{font-style:italic;font-weight:400}.hero__subheading{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-loose);color:var(--color-bg);max-width:480px;margin:var(--space-6) 0 0 0}.hero__cta{display:inline-block;margin-top:var(--space-8);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-bg);background:transparent;border:1px solid var(--color-bg);text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.hero__cta:hover,.hero__cta:focus-visible{background-color:var(--color-bg);color:var(--color-fg)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero.css.map */