.hl-hero{position:relative;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;margin-top:-96px;padding:var(--section-padding-top, 0px) var(--gutter) var(--section-padding-bottom, 0px);padding-bottom:max(var(--section-padding-bottom, 0px),12vh)}.hl-hero__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-dark-surface)}.hl-hero__bg picture{position:absolute;top:0;right:0;bottom:0;left:0}.hl-hero__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center var(--image-position, center)}@media(max-width:749px){.hl-hero__bg img{object-position:center var(--image-position-mobile, center)}}.hl-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hl-hero__video--desktop{display:block}.hl-hero__video--mobile{display:none}.hl-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@media(max-width:749px){.hl-hero__video--desktop+.hl-hero__video--mobile~.hl-hero__video--desktop{display:none}.hl-hero__video--mobile{display:block}}.hl-hero__bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,calc(var(--hl-hero-overlay, .4) * .3)) 0%,transparent 30%,rgba(0,0,0,var(--hl-hero-overlay, .4)) 100%)}.hl-hero__content{position:relative;z-index:1;max-width:560px}.hl-hero__content--left{margin-right:auto;margin-left:clamp(24px,5vw,80px);text-align:left}.hl-hero__content--center{margin-left:auto;margin-right:auto;text-align:center}.hl-hero__content--right{margin-left:auto;margin-right:clamp(24px,5vw,80px);text-align:right}.hl-hero__title{font-family:var(--font-heading);font-size:40px;font-weight:900;line-height:1.15;margin-bottom:16px;color:var(--color-snow, #DBDEE4);letter-spacing:var(--ls-text);text-transform:uppercase}h1.hl-hero__title{font-size:40px!important;line-height:1.15!important;margin:.83em 0 16px!important;padding:0!important}.hl-hero__subhead{font-family:var(--font-body);font-size:16px;font-weight:400;color:#fffc;margin-bottom:32px;line-height:1.5}.hl-hero__btn{display:inline-block;padding:16px 40px;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;background:var(--color-snow, #DBDEE4);color:var(--color-text);border:none;transition:background .25s ease,color .25s ease}.hl-hero__btn:hover{background:var(--color-primary);color:var(--color-snow, #DBDEE4)}.hl-hero__form{margin-top:8px;display:flex;justify-content:inherit;color:var(--color-snow, #DBDEE4)}.hl-hero__content--center .hl-hero__form{justify-content:center}.hl-hero__content--left .hl-hero__form{justify-content:flex-start}.hl-hero__content--right .hl-hero__form{justify-content:flex-end}.hl-hero__form .hl-klaviyo-form-wrap{margin:0;max-width:520px;align-items:inherit}.hl-hero__content--center .hl-hero__form .hl-klaviyo-form-wrap{align-items:center}@media(max-width:750px){.hl-hero{height:85vh;padding:0 24px;padding-bottom:max(var(--section-padding-bottom, 0px),6vh);min-height:480px}.hl-hero__video~.hl-hero__bg:after,.hl-hero:has(.hl-hero__video) .hl-hero__bg:after{--hl-hero-overlay: calc(var(--hl-hero-overlay, .4) + .1)}.hl-hero__title{font-size:clamp(28px,8vw,40px);margin-bottom:16px}.hl-hero__subhead{display:none}.hl-hero__content{margin-left:0;margin-right:0;text-align:center}.hl-hero__btn{display:block;text-align:center;width:100%;padding:14px 32px}}.hl-hero__video-toggle{position:absolute;bottom:16px;right:16px;z-index:5;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffffd9;cursor:pointer;transition:background .2s ease;padding:0}.hl-hero__video-toggle:hover{background:#000000b3}.hl-hero__video-toggle[data-playing=false] .hl-hero__icon-pause{display:none}.hl-hero__video-toggle[data-playing=false] .hl-hero__icon-play{display:block!important}.hl-hero__video-toggle[data-playing=true] .hl-hero__icon-pause{display:block}.hl-hero__video-toggle[data-playing=true] .hl-hero__icon-play{display:none!important}.hl-hero:after{content:"";position:absolute;top:0;left:0;right:0;height:240px;background:linear-gradient(180deg,#000000b8,#0006 45%,#0000);pointer-events:none;z-index:1}.hl-hero__content{z-index:2}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hl-hero.css.map */