.kion-hero{--kion-hero-height: 88vh;--kion-hero-height-mobile: 80vh;--kion-hero-overlay: .3;position:relative;display:grid;min-height:var(--kion-hero-height-mobile)}.kion-hero--mh-small{--kion-hero-height-mobile: 70vh}.kion-hero--mh-medium{--kion-hero-height-mobile: 80vh}.kion-hero--mh-large{--kion-hero-height-mobile: 88vh}.kion-hero--mh-full{--kion-hero-height-mobile: 100vh}.kion-hero__media,.kion-hero__content{grid-column:1;grid-row:1}.kion-hero__media{position:relative;height:100%}.kion-hero__image-wrap{position:relative;width:100%;height:100%;overflow:hidden}.kion-hero__image-wrap>img,.kion-hero__image-wrap>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kion-hero__image--desktop{display:none}.kion-hero__scrim{position:absolute;inset:auto 0 0 0;height:92%;pointer-events:none;background:linear-gradient(to top,rgba(18,24,19,calc(var(--kion-hero-overlay) * 1.3)),rgba(18,24,19,calc(var(--kion-hero-overlay) * .8)) 55%,rgba(18,24,19,calc(var(--kion-hero-overlay) * .45)))}.kion-hero__content{position:relative;display:flex;align-items:flex-end;padding-block:0 var(--kion-space-l)}.kion-hero__content>.kion-container{width:100%}.kion-hero__text{max-width:56rem}.kion-hero__text>.kion-eyebrow{margin-block-end:0}.kion-hero__heading{margin:0;margin-block-start:var(--kion-space-2xs);text-wrap:balance}.kion-hero__lead{max-width:var(--kion-measure-narrow);margin-block-start:var(--kion-space-2xs)}.kion-hero--light .kion-hero__text,.kion-hero--light .kion-hero__heading{color:#f7f4ed;text-shadow:0 2px 6px rgba(18,24,19,.55),0 10px 32px rgba(18,24,19,.5)}.kion-hero--light .kion-hero__text{display:inline-block;background:#18201a99;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-radius:18px;padding:1.5rem 1.75rem}.kion-hero--light .kion-hero__text>.kion-eyebrow{color:#f7f4edf7}.kion-hero--light .kion-hero__lead{color:#f7f4edeb}.kion-hero--light .kion-link{color:#f7f4ed;text-shadow:0 1px 3px rgba(18,24,19,.3),0 6px 16px rgba(18,24,19,.3);border-block-end-color:#f7f4ed80}.kion-hero--light .kion-link:hover{border-block-end-color:#f7f4ed}@media screen and (max-width:989px){.kion-hero--stacked-mobile{display:block;min-height:0}.kion-hero--stacked-mobile .kion-hero__media{height:auto}.kion-hero--stacked-mobile .kion-hero__image-wrap{height:auto;padding-block-end:125%}.kion-hero--stacked-mobile.kion-hero--ratio-square .kion-hero__image-wrap{padding-block-end:100%}.kion-hero--stacked-mobile.kion-hero--ratio-tall .kion-hero__image-wrap{padding-block-end:140%}.kion-hero--stacked-mobile .kion-hero__scrim{display:none}.kion-hero--stacked-mobile .kion-hero__content{display:block;padding-block:var(--kion-section-compact)}.kion-hero--stacked-mobile.kion-hero--light .kion-hero__text,.kion-hero--stacked-mobile.kion-hero--light .kion-hero__heading{color:rgb(var(--color-foreground));text-shadow:none}.kion-hero--stacked-mobile.kion-hero--light .kion-hero__text{display:block;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;border-radius:0}.kion-hero--stacked-mobile.kion-hero--light .kion-hero__text>.kion-eyebrow{color:rgba(var(--color-foreground),.6)}.kion-hero--stacked-mobile.kion-hero--light .kion-hero__lead{color:rgba(var(--color-foreground),.78)}.kion-hero--stacked-mobile.kion-hero--light .kion-link{color:rgb(var(--color-foreground));text-shadow:none;border-block-end-color:rgba(var(--color-foreground),.28)}}@media screen and (min-width:990px){.kion-hero{min-height:var(--kion-hero-height)}.kion-hero--h-small{--kion-hero-height: 70vh}.kion-hero--h-medium{--kion-hero-height: 80vh}.kion-hero--h-large{--kion-hero-height: 88vh}.kion-hero--h-full{--kion-hero-height: 100vh}.kion-hero__image--mobile{display:none}.kion-hero__image--desktop{display:block}.kion-hero__scrim{height:74%;background:linear-gradient(to top,rgba(18,24,19,var(--kion-hero-overlay)),rgba(18,24,19,calc(var(--kion-hero-overlay) * .75)) 55%,rgba(18,24,19,calc(var(--kion-hero-overlay) * .45)))}.kion-hero__content{padding-block:0 var(--kion-space-xl)}}@media(prefers-reduced-motion:no-preference){.kion-hero--animate .kion-hero__text>*{opacity:0;transform:translateY(1.2rem);animation:kionHeroIn .9s var(--kion-ease) forwards}.kion-hero--animate .kion-hero__text>*:nth-child(2){animation-delay:.1s}.kion-hero--animate .kion-hero__text>*:nth-child(3){animation-delay:.2s}.kion-hero--animate .kion-hero__text>*:nth-child(4){animation-delay:.3s}@keyframes kionHeroIn{to{opacity:1;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-kion-hero.css.map */