.kl-hero-banner{--kl-hero-banner-weight-medium: 500;--kl-hero-heading-size-mobile: 22px;--kl-hero-heading-size-desktop: 40px;--kl-hero-heading-size-3xl: 48px;--kl-hero-subheading-size-mobile: 14px;--kl-hero-subheading-size-desktop: 15px;--kl-hero-subheading-size-3xl: 18px;position:relative;overflow:hidden;width:100%}.kl-hero-banner__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.kl-hero-banner--mobile-height-small{min-height:38rem}.kl-hero-banner--mobile-height-medium{min-height:48rem}.kl-hero-banner--mobile-height-large{min-height:58rem}.kl-hero-banner--mobile-height-full{min-height:68.325rem}.kl-hero-banner--mobile-height-auto{display:grid;min-height:0}.kl-hero-banner--mobile-height-auto .kl-hero-banner__media,.kl-hero-banner--mobile-height-auto .kl-hero-banner__frame{position:relative;inset:auto;grid-area:1 / 1}.kl-hero-banner--mobile-height-auto .kl-hero-banner__media,.kl-hero-banner--mobile-height-auto .kl-hero-banner__picture{display:grid}.kl-hero-banner--mobile-height-auto .kl-hero-banner__picture,.kl-hero-banner--mobile-height-auto .kl-hero-banner__image,.kl-hero-banner--mobile-height-auto .kl-hero-banner__placeholder{height:auto}.kl-hero-banner--mobile-position-top .kl-hero-banner__frame{align-items:flex-start}.kl-hero-banner--mobile-position-middle .kl-hero-banner__frame{align-items:center}.kl-hero-banner--mobile-position-bottom .kl-hero-banner__frame{align-items:flex-end}.kl-hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.kl-hero-banner__picture{display:block;height:100%}.kl-hero-banner__image{display:block;width:100%;height:100%;object-fit:cover}.kl-hero-banner__placeholder{display:block;width:100%;height:100%;background-color:#d9d4cc;fill:#8a8a8a}.kl-hero-banner--scrim .kl-hero-banner__media:before{content:"";position:absolute;right:0;bottom:0;left:0;height:50%;max-height:45rem;background-image:linear-gradient(to top,#000,transparent)}.kl-hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0}.kl-hero-banner--overlay-10 .kl-hero-banner__media:after{opacity:.1}.kl-hero-banner--overlay-20 .kl-hero-banner__media:after{opacity:.2}.kl-hero-banner--overlay-30 .kl-hero-banner__media:after{opacity:.3}.kl-hero-banner--overlay-40 .kl-hero-banner__media:after{opacity:.4}.kl-hero-banner--overlay-50 .kl-hero-banner__media:after{opacity:.5}.kl-hero-banner--overlay-60 .kl-hero-banner__media:after{opacity:.6}.kl-hero-banner--overlay-70 .kl-hero-banner__media:after{opacity:.7}.kl-hero-banner--overlay-80 .kl-hero-banner__media:after{opacity:.8}.kl-hero-banner--overlay-90 .kl-hero-banner__media:after{opacity:.9}.kl-hero-banner--overlay-100 .kl-hero-banner__media:after{opacity:1}.kl-hero-banner__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:54rem;padding:2.8rem 1.6rem}.kl-hero-banner--mobile-text-center .kl-hero-banner__content{align-items:center;text-align:center}.kl-hero-banner--mobile-text-right .kl-hero-banner__content{align-items:flex-end;text-align:right}.kl-hero-banner--text-light .kl-hero-banner__content{color:#fff}.kl-hero-banner--text-dark .kl-hero-banner__content{color:#121212}.kl-hero-banner__pretext,.kl-hero-banner__heading,.kl-hero-banner__subheading{margin:0}.kl-hero-banner__heading,.kl-hero-banner__subheading{color:inherit}.kl-hero-banner__pretext{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:.9rem;line-height:1.5;letter-spacing:.24em;text-transform:uppercase;color:#c9ad7a}.kl-hero-banner__heading{margin-top:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--kl-hero-heading-size-mobile);line-height:1.05;letter-spacing:normal}.kl-hero-banner--heading-width-extra-narrow .kl-hero-banner__heading{max-width:16rem}.kl-hero-banner--heading-width-narrow .kl-hero-banner__heading{max-width:22rem}.kl-hero-banner--heading-width-medium .kl-hero-banner__heading{max-width:28rem}.kl-hero-banner--heading-width-wide .kl-hero-banner__heading{max-width:34rem}.kl-hero-banner--heading-width-full .kl-hero-banner__heading{max-width:100%}.kl-hero-banner__subheading{margin-top:.4rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--kl-hero-subheading-size-mobile);line-height:1.5}.kl-hero-banner--text-light .kl-hero-banner__subheading{color:#ffffffe6}.kl-hero-banner--subheading-width-extra-narrow .kl-hero-banner__subheading{max-width:20rem}.kl-hero-banner--subheading-width-narrow .kl-hero-banner__subheading{max-width:26rem}.kl-hero-banner--subheading-width-medium .kl-hero-banner__subheading{max-width:32rem}.kl-hero-banner--subheading-width-wide .kl-hero-banner__subheading{max-width:40rem}.kl-hero-banner--subheading-width-full .kl-hero-banner__subheading{max-width:100%}.kl-hero-banner__content>:first-child{margin-top:0}.kl-hero-banner__variant--desktop{display:none}.kl-hero-banner__variant--mobile{display:inline}.kl-hero-banner__actions{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1rem}.kl-hero-banner__actions--mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kl-hero-banner__button{display:block;width:100%;padding:1.6rem 2.6rem;border:.1rem solid transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--kl-hero-banner-weight-medium);font-size:1.2rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;text-align:center;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.kl-hero-banner__button:hover{opacity:.85}.kl-hero-banner__button:active{transform:translateY(.1rem)}.kl-hero-banner--text-light .kl-hero-banner__button--primary{background-color:#fff;border-color:#fff;color:#000}.kl-hero-banner--text-light .kl-hero-banner__button--primary:hover{background-color:var(--primary-brand-color, #303030);border-color:var(--primary-brand-color, #303030);color:#fff;opacity:1}.kl-hero-banner--text-light .kl-hero-banner__button--secondary{background-color:#fff;border-color:#fff;color:#000}.kl-hero-banner--text-light .kl-hero-banner__button--secondary:hover{background-color:var(--primary-brand-color, #303030);border-color:var(--primary-brand-color, #303030);color:#fff;opacity:1}.kl-hero-banner--text-dark .kl-hero-banner__button--primary{background-color:#121212;border-color:#121212;color:#fff}.kl-hero-banner--text-dark .kl-hero-banner__button--primary:hover{background-color:var(--primary-brand-color, #303030);border-color:var(--primary-brand-color, #303030);color:#fff;opacity:1}.kl-hero-banner--text-dark .kl-hero-banner__button--secondary{background-color:#fff;border-color:#fff;color:#121212}.kl-hero-banner--text-dark .kl-hero-banner__button--secondary:hover{background-color:var(--primary-brand-color, #303030);border-color:var(--primary-brand-color, #303030);color:#fff;opacity:1}@media(min-width:750px){.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto){display:block}.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__media,.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__frame{position:absolute;top:0;right:0;bottom:0;left:0}.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__media,.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__picture{display:block}.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__picture,.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__image,.kl-hero-banner:not(.kl-hero-banner--desktop-height-auto) .kl-hero-banner__placeholder{height:100%}.kl-hero-banner--desktop-height-small{min-height:48rem}.kl-hero-banner--desktop-height-medium{min-height:50.1rem}.kl-hero-banner--desktop-height-large{min-height:78rem}.kl-hero-banner--desktop-height-full{min-height:100vh}.kl-hero-banner--desktop-height-auto{display:grid;min-height:0}.kl-hero-banner--desktop-height-auto .kl-hero-banner__media,.kl-hero-banner--desktop-height-auto .kl-hero-banner__frame{position:relative;inset:auto;grid-area:1 / 1}.kl-hero-banner--desktop-height-auto .kl-hero-banner__media,.kl-hero-banner--desktop-height-auto .kl-hero-banner__picture{display:grid}.kl-hero-banner--desktop-height-auto .kl-hero-banner__picture,.kl-hero-banner--desktop-height-auto .kl-hero-banner__image,.kl-hero-banner--desktop-height-auto .kl-hero-banner__placeholder{height:auto}.kl-hero-banner__content{max-width:68rem;padding:3rem 6.4rem}.kl-hero-banner__actions{flex-direction:row;flex-wrap:wrap;gap:1.2rem;width:auto;margin-top:2.4rem}.kl-hero-banner__actions--mobile-grid{display:flex}.kl-hero-banner__variant--desktop{display:inline}.kl-hero-banner__variant--mobile{display:none}.kl-hero-banner__pretext{font-size:1.2rem;line-height:1.29;letter-spacing:.2333em;color:#ffe1aa}.kl-hero-banner__heading{margin-top:1.2rem;font-size:var(--kl-hero-heading-size-desktop);line-height:1.06}.kl-hero-banner__subheading{margin-top:1.4rem;font-size:var(--kl-hero-subheading-size-desktop);line-height:1.55}.kl-hero-banner--text-light .kl-hero-banner__subheading{color:#ffffffd9}.kl-hero-banner--heading-width-extra-narrow .kl-hero-banner__heading{max-width:26rem}.kl-hero-banner--heading-width-narrow .kl-hero-banner__heading{max-width:36rem}.kl-hero-banner--heading-width-medium .kl-hero-banner__heading{max-width:46rem}.kl-hero-banner--heading-width-wide .kl-hero-banner__heading{max-width:56rem}.kl-hero-banner--subheading-width-extra-narrow .kl-hero-banner__subheading{max-width:24rem}.kl-hero-banner--subheading-width-narrow .kl-hero-banner__subheading{max-width:32rem}.kl-hero-banner--subheading-width-medium .kl-hero-banner__subheading{max-width:42rem}.kl-hero-banner--subheading-width-wide .kl-hero-banner__subheading{max-width:52rem}.kl-hero-banner__button{display:inline-block;width:auto;padding:1.9rem 4rem;font-size:1.2rem;line-height:1.55;letter-spacing:.14em}.kl-hero-banner--desktop-position-top-left .kl-hero-banner__frame{align-items:flex-start;justify-content:flex-start}.kl-hero-banner--desktop-position-top-center .kl-hero-banner__frame{align-items:flex-start;justify-content:center}.kl-hero-banner--desktop-position-top-right .kl-hero-banner__frame{align-items:flex-start;justify-content:flex-end}.kl-hero-banner--desktop-position-middle-left .kl-hero-banner__frame{align-items:center;justify-content:flex-start}.kl-hero-banner--desktop-position-middle-center .kl-hero-banner__frame{align-items:center;justify-content:center}.kl-hero-banner--desktop-position-middle-right .kl-hero-banner__frame{align-items:center;justify-content:flex-end}.kl-hero-banner--desktop-position-bottom-left .kl-hero-banner__frame{align-items:flex-end;justify-content:flex-start}.kl-hero-banner--desktop-position-bottom-center .kl-hero-banner__frame{align-items:flex-end;justify-content:center}.kl-hero-banner--desktop-position-bottom-right .kl-hero-banner__frame{align-items:flex-end;justify-content:flex-end}.kl-hero-banner--desktop-text-left .kl-hero-banner__content{align-items:flex-start;text-align:left}.kl-hero-banner--desktop-text-center .kl-hero-banner__content{align-items:center;text-align:center}.kl-hero-banner--desktop-text-right .kl-hero-banner__content{align-items:flex-end;text-align:right}}@media(min-width:1920px){.kl-hero-banner__heading{font-size:var(--kl-hero-heading-size-3xl)}.kl-hero-banner__subheading{font-size:var(--kl-hero-subheading-size-3xl)}.kl-hero-banner--desktop-height-small{min-height:62rem}}@media(prefers-reduced-motion:reduce){.kl-hero-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/395/assets/kl-hero-banner.css.map */