.sl-hero{position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--sl-black)}.sl-hero__media{position:relative;width:100%;height:56svh;min-height:34rem;max-height:64rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}.sl-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block}.sl-hero__content{position:relative;z-index:2;width:100%;padding:0 1.6rem 3.6rem;margin-top:-2rem}.sl-hero__eyebrow{font-size:1.1rem;letter-spacing:.24rem;text-transform:uppercase;font-weight:600;margin:0 0 1.2rem;color:var(--sl-gray-700)}.sl-hero__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(3rem,8.4vw,6.2rem);line-height:1.03;letter-spacing:-.02em;margin:0 0 1.4rem;max-width:16ch;color:var(--sl-black)}.sl-hero__subheading{font-size:1.45rem;line-height:1.55;max-width:46ch;margin:0 0 2.4rem;color:var(--sl-gray-700)}.sl-hero__actions{display:flex;gap:1rem}.sl-hero__actions .sl-btn{flex:1 1 0;padding:1.4rem 1.2rem;font-size:1.15rem;letter-spacing:.1rem}@media screen and (min-width:750px){.sl-hero__media{height:auto;aspect-ratio:16/9;max-height:none;min-height:0}.sl-hero__video{object-position:center center}.sl-hero__content{padding:0 4rem 5rem;margin-top:-3rem}.sl-hero__subheading{font-size:1.6rem}.sl-hero__actions .sl-btn{flex:0 0 auto;padding:1.5rem 2.8rem;font-size:1.3rem;letter-spacing:.14rem}}@media screen and (min-width:990px){.sl-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;min-height:min(84svh,78rem);max-width:1600px;margin:0 auto;padding-left:max(4rem,calc((100vw - 1240px)/2 + 4rem))}.sl-hero__media{order:2;aspect-ratio:16/9;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect;margin-right:0}.sl-hero__content{order:1;padding:4rem 0;margin-top:0}.sl-hero__heading{font-size:clamp(4.4rem,5vw,6.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sl-hero.css.map */