.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.banner__box{text-align:center}.template-index main>.shopify-section:first-child .hk-home-hero{min-height:clamp(36rem,29vw,41rem);overflow:hidden;background:#071411}.template-index main>.shopify-section:first-child .hk-home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(244,209,132,.14) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(244,209,132,.09) 0 1px,transparent 1px 100%);background-size:8rem 8rem;opacity:.12}.template-index main>.shopify-section:first-child .hk-home-hero:after{background:linear-gradient(90deg,#040c0af5,#040c0ae0 38%,#040c0a75 62%,#040c0a33 78%,#040c0a8f),linear-gradient(0deg,#040c0a6b,#040c0a14);opacity:1!important}.template-index main>.shopify-section:first-child .hk-home-hero .banner__media img{filter:saturate(.96) contrast(1.08) brightness(.9);object-position:center 54%}.template-index main>.shopify-section:first-child .hk-home-hero .banner__content{min-height:inherit;padding-left:clamp(2rem,6vw,8.8rem);padding-right:clamp(2rem,6vw,8.8rem);position:relative;z-index:2}.template-index main>.shopify-section:first-child .hk-home-hero .banner__box{max-width:62rem;padding:clamp(2.4rem,3.2vw,3.4rem) 0;text-align:left}.hk-home-hero__eyebrow{width:fit-content;margin:0 0 1.3rem;padding:.55rem 1rem;color:#f4d997;background:#f4d9971f;border:.1rem solid rgba(244,217,151,.32);border-radius:999rem;font-size:1.2rem;font-weight:900;line-height:1}.template-index main>.shopify-section:first-child .hk-home-hero .banner__heading{max-width:10.5em;color:#fffaf1;font-size:clamp(3.8rem,4vw,5.4rem);font-weight:850;letter-spacing:0;line-height:1.06;text-wrap:balance;text-shadow:0 .3rem 1.8rem rgba(0,0,0,.42)}.template-index main>.shopify-section:first-child .hk-home-hero .banner__text{max-width:58rem;color:#fffaf1cc;font-size:1.5rem;line-height:1.68}.template-index main>.shopify-section:first-child .hk-home-hero .banner__buttons{justify-content:flex-start;gap:1rem;max-width:none}.template-index main>.shopify-section:first-child .hk-home-hero .button{min-height:4.5rem;min-width:16.8rem;border-radius:.4rem}.template-index main>.shopify-section:first-child .hk-home-hero .button--primary{background:#f4d997;color:#071411}.template-index main>.shopify-section:first-child .hk-home-hero .button--secondary{border:.1rem solid rgba(255,250,241,.42);color:#fffaf1}.template-index main>.shopify-section:first-child .hk-home-hero .button:after{box-shadow:none}.hk-home-hero__proof{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.hk-home-hero__proof span{display:inline-flex;align-items:center;min-height:3.4rem;padding:.62rem 1.05rem;border:.1rem solid rgba(244,217,151,.24);border-radius:999rem;background:#fffaf11a;color:#fffaf1e0;font-size:1.18rem;font-weight:800;line-height:1}.hk-home-hero__proof strong{color:#f4d997;font-weight:900;margin-right:.35rem}@media screen and (max-width:749px){.template-index main>.shopify-section:first-child .hk-home-hero{min-height:45rem}.template-index main>.shopify-section:first-child .hk-home-hero:after{background:linear-gradient(180deg,#040c0ad6,#040c0a9e 42%,#040c0ae6),linear-gradient(90deg,#040c0ae0,#040c0a61)}.template-index main>.shopify-section:first-child .hk-home-hero .banner__media img{object-position:57% center}.template-index main>.shopify-section:first-child .hk-home-hero .banner__content{align-items:flex-start;min-height:inherit;padding:2.6rem 1.8rem 2.4rem}.template-index main>.shopify-section:first-child .hk-home-hero .banner__box{width:100%;padding:0;text-align:left}.template-index main>.shopify-section:first-child .hk-home-hero .banner__heading{font-size:clamp(2.9rem,8vw,3.4rem);line-height:1.12}.template-index main>.shopify-section:first-child .hk-home-hero .banner__text{font-size:1.36rem;line-height:1.64}.template-index main>.shopify-section:first-child .hk-home-hero .banner__buttons{align-items:stretch;flex-direction:column;width:100%;gap:1rem}.template-index main>.shopify-section:first-child .hk-home-hero .button{width:100%}.hk-home-hero__proof{gap:.7rem;margin-top:1.2rem}.hk-home-hero__proof span{font-size:1.1rem;min-height:3.1rem;padding:.58rem .85rem}.hk-home-hero__proof span:last-child{justify-content:center;width:100%}.hk-home-hero__eyebrow{margin-bottom:1.1rem;font-size:1.08rem}}.banner__box.gradient{transform:perspective(0)}@media only screen and (max-width:749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width:750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:68rem}}.banner__media.animate--zoom-in{clip-path:inset(0px)}.banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width:749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width:750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:56rem}.banner--large:not(.banner--adapt){min-height:72rem}.banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content.banner__content--middle-center{align-items:center;justify-content:center}.banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}.banner__media-half.animate--fixed:first-child>img,.banner__media-half.animate--zoom-in:first-child>img{width:50%}.banner__media-half.animate--fixed:nth-child(2)>img,.banner__media-half.animate--zoom-in:nth-child(2)>img{left:50%;width:50%}@media screen and (max-width:749px){.banner--stacked .animate--fixed:first-child>img,.banner--stacked .animate--zoom-in:first-child>img{width:100%}.banner--stacked .banner__media-half.animate--fixed:nth-child(2)>img,.banner--stacked .banner__media-half.animate--zoom-in:nth-child(2)>img{left:0;width:100%}.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width:750px){.banner__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}@media screen and (max-width:749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{background:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.banner:not(.banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width:750px){.banner__content{padding:5rem}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.banner:not(.banner--mobile-bottom) .field__input,.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-scheme-1{background:transparent}}.banner__box{padding:4rem 1.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.banner--mobile-bottom .banner__box{padding:4rem 3.5rem}@media screen and (min-width:750px){.banner__box{padding:4rem 3.5rem}.banner--desktop-transparent .banner__box{padding:4rem 0;background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width:749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width:750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}@media screen and (max-width:749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width:750px){.banner__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width:1400px){.banner__box{max-width:90rem}}.banner__heading{margin-bottom:0}.banner__box .banner__heading+*{margin-top:1rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width:749px){.banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width:750px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:2rem}@media screen and (max-width:749px){.banner:not(.slideshow) .rte a,.banner:not(.slideshow) .inline-richtext a:hover,.banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width:750px){.banner--desktop-transparent .rte a,.banner--desktop-transparent .inline-richtext a:hover,.banner--desktop-transparent .rte a:hover{color:currentColor}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-image-banner.css.map */