.nc-hero{position:relative;min-height:305px;overflow:hidden;background:var(--nc-color-warm-100);color:var(--nc-color-ink-900);font-family:var(--nc-font-family)}.nc-hero--plain{min-height:150px}.nc-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nc-hero:not(.nc-hero--plain):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--nc-color-hero-wash),transparent 75%);pointer-events:none}.nc-hero__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--nc-space-8);padding:var(--nc-space-32) var(--nc-page-inset) var(--nc-space-24)}.nc-hero__title{margin:0;font-family:var(--nc-font-family);letter-spacing:normal;text-transform:none;font-size:var(--nc-font-size-hero);font-weight:var(--nc-font-weight-bold);line-height:var(--nc-line-height-tight)}.nc-hero__tagline{margin:0;font-size:17px;font-weight:var(--nc-font-weight-semibold)}.nc-hero__description{margin:0;font-size:var(--nc-font-size-body);line-height:var(--nc-line-height-body)}.nc-hero__aside{position:relative;z-index:1;margin:0 var(--nc-page-inset) var(--nc-space-24)}.nc-hero__overlay{position:relative;z-index:1;padding-bottom:var(--nc-space-24)}@media screen and (min-width:750px){.nc-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding-bottom:0;pointer-events:none}.nc-hero__overlay>*{pointer-events:auto}}@media screen and (min-width:990px){.nc-hero__copy{max-width:calc(365px + var(--nc-page-inset) - var(--nc-page-gutter));padding:var(--nc-space-48) 0 var(--nc-space-24) var(--nc-page-inset)}.nc-hero__aside{position:absolute;top:60px;right:var(--nc-page-inset);margin:0}}.nc-hero--overlap{min-height:0;padding-bottom:var(--nc-space-16);overflow:visible;background:transparent}.nc-hero--overlap:after{bottom:auto;height:303px}.nc-hero--overlap .nc-hero__bg{position:static;inset:auto;width:100%;height:220px}.nc-hero--overlap .nc-hero__overlay{position:relative;inset:auto;pointer-events:auto}.nc-hero--overlap .nc-hero__copy{gap:10px;padding:var(--nc-space-24) var(--nc-page-inset) 0}@media screen and (min-width:990px){.nc-hero--overlap{min-height:347px;padding-bottom:0;overflow:visible}.nc-hero--overlap .nc-hero__bg{position:absolute;height:303px}.nc-hero--overlap .nc-hero__copy{max-width:calc(300px + var(--nc-page-inset) - var(--nc-page-gutter));padding:var(--nc-space-48) 0 0 var(--nc-page-inset)}.nc-hero--overlap .nc-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nc-hero.css.map */