.karst-hero{position:relative;display:block;overflow:hidden;isolation:isolate;background:rgb(var(--color-background))}.karst-hero--full{height:100vh;height:100svh;min-height:56rem}.karst-hero--large{height:85vh;height:85svh;min-height:52rem}.karst-hero--medium{height:64vh;height:64svh;min-height:44rem}.karst-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.karst-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}.karst-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s;z-index:1}.karst-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.karst-hero__media picture,.karst-hero__img{display:block;width:100%;height:100%}.karst-hero__img{object-fit:cover}.karst-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.karst-hero__placeholder-svg{width:100%;height:100%;fill:rgba(var(--karst-bg),.14)}.karst-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--karst-ink));pointer-events:none}.karst-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.6rem;width:100%;padding:calc(var(--karst-header-h, 5rem) + 2.4rem) 2rem 9.6rem}@media screen and (min-width:990px){.karst-hero__content{padding:calc(var(--karst-header-h, 5rem) + 4rem) 4rem 8rem}}.karst-hero__slide--bottom-left .karst-hero__content{justify-content:flex-end;align-items:flex-start;text-align:left}.karst-hero__slide--center .karst-hero__content{justify-content:center;align-items:center;text-align:center}.karst-hero__slide--light{--karst-hero-text: var(--karst-bg)}.karst-hero__slide--dark{--karst-hero-text: var(--karst-ink)}.karst-hero__label{margin:0;font-family:var(--karst-font-label);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--karst-hero-text))}.karst-hero__heading{max-width:14ch;color:rgb(var(--karst-hero-text))}.karst-hero__slide--center .karst-hero__heading{max-width:16ch}.karst-hero__text{margin:0;max-width:44rem;font-family:var(--karst-font-label);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--karst-hero-text))}.karst-hero__buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:.8rem}.karst-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:0 2.6rem;border-radius:var(--karst-radius);font-family:var(--karst-font-label);font-size:1.2rem;font-weight:500;letter-spacing:.12em;text-transform:var(--karst-button-case);text-decoration:none;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.karst-hero__btn--primary{background:rgb(var(--karst-bg));color:rgb(var(--karst-accent-on-bg))}.karst-hero__btn--primary:hover{background:rgb(var(--karst-fill));color:rgb(var(--karst-bg))}.karst-hero__btn--secondary{background:transparent;color:rgb(var(--karst-hero-text));box-shadow:inset 0 0 0 1px rgb(var(--karst-hero-text))}.karst-hero__btn--secondary:hover{background:rgb(var(--karst-hero-text));color:rgb(var(--karst-ink))}.karst-hero__slide--dark .karst-hero__btn--secondary:hover{color:rgb(var(--karst-bg))}.karst-hero__btn:focus-visible,.karst-hero__arrow:focus-visible,.karst-hero__dot:focus-visible{outline:.2rem solid rgb(var(--karst-bg));outline-offset:.3rem;box-shadow:0 0 0 .5rem rgb(var(--karst-ink))}.karst-hero__corner{position:absolute;z-index:2;right:2rem;bottom:2.4rem;margin:0;font-family:var(--karst-font-mono);font-size:1.1rem;letter-spacing:.12em;line-height:1.5;text-align:right;text-transform:uppercase;color:rgb(var(--karst-bg));pointer-events:none}@media screen and (min-width:990px){.karst-hero__corner{right:4rem;bottom:3.2rem}}.karst-hero:has(.karst-hero__slide.is-active.karst-hero__slide--dark) .karst-hero__corner{color:rgb(var(--karst-ink))}.karst-hero__controls{position:absolute;z-index:2;left:2rem;bottom:2.4rem;display:flex;align-items:center;gap:6px}@media screen and (min-width:990px){.karst-hero__controls{left:50%;transform:translate(-50%);bottom:3.2rem}}.karst-hero__slide--bottom-left .karst-hero__content{padding-bottom:10.4rem}@media screen and (min-width:990px){.karst-hero__slide--bottom-left .karst-hero__content{padding-bottom:8rem}}.karst-hero__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:0;border-radius:var(--karst-radius);background:rgb(var(--karst-bg));color:rgb(var(--karst-accent-on-bg));font-family:var(--karst-font-mono);font-size:1.4rem;cursor:pointer;transition:background-color .16s ease,color .16s ease}.karst-hero__arrow:hover{background:rgb(var(--karst-fill));color:rgb(var(--karst-bg))}.karst-hero__dots{display:flex;align-items:center;gap:2px;height:3.4rem;padding:0 .8rem;border-radius:var(--karst-radius);background:rgb(var(--karst-bg))}.karst-hero__dot{position:relative;width:2rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer}.karst-hero__dot:before{content:"";position:absolute;left:50%;top:50%;width:.6rem;height:.6rem;border-radius:50%;transform:translate(-50%,-50%);background:rgba(var(--karst-ink),.3);transition:width .2s ease,background-color .2s ease,border-radius .2s ease}.karst-hero__dot[aria-current=true]:before{width:1.4rem;border-radius:.3rem;background:rgb(var(--karst-accent-on-bg))}.karst-hero__pause-icon{position:relative;display:block;width:.9rem;height:1rem;border-left:3px solid currentColor;border-right:3px solid currentColor}.karst-hero__pause[aria-pressed=true] .karst-hero__pause-icon{width:0;height:0;border-left:.9rem solid currentColor;border-right:0;border-top:.55rem solid transparent;border-bottom:.55rem solid transparent}@media(prefers-reduced-motion:reduce){.karst-hero__slide,.karst-hero__slide.is-active{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/karst-hero.css.map */