@media(min-width:1100px){.k4-hero{min-height:min(880px,90vh);align-items:stretch;background:#111110;isolation:isolate}.k4-hero:before{content:"KLAAR";position:absolute;left:max(22px,3vw);bottom:-.08em;z-index:0;color:#ffffff09;font-size:clamp(150px,20vw,320px);font-weight:800;line-height:.72;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}.k4-hero-media{top:28px;right:28px;bottom:28px;left:48.5%;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px}.k4-hero-media img{object-position:center center;transform:scale(1.01)}.k4-hero-media:after{background:linear-gradient(90deg,rgba(17,17,16,.28),rgba(17,17,16,.04) 38%,transparent 62%),linear-gradient(0deg,rgba(17,17,16,.18),transparent 44%)}.k4-hero-in{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding-top:96px;padding-right:55%;padding-bottom:84px}.k4-hero-main{display:block;width:100%;max-width:610px}.k4-h1{max-width:5.3ch;font-size:clamp(76px,7.2vw,116px);line-height:.84;letter-spacing:-.07em;text-wrap:balance}.k4-hero-copy{margin-top:34px;max-width:500px}.k4-copy{max-width:40ch;font-size:clamp(17px,1.25vw,20px);line-height:1.55;color:#ffffffc7}.k4-actions{margin-top:30px}.k4-btn{min-height:58px;padding:18px 27px;border-radius:999px}.k4-facts{width:100%;max-width:610px;margin-top:56px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}}@media(max-width:900px){.k4-mobile{left:50%;right:auto;bottom:max(8px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),380px);min-height:46px;gap:10px;padding:5px 5px 5px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#111110f0;box-shadow:0 10px 28px #11111033;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%,14px)}.k4-mobile.on{opacity:0;pointer-events:none;transform:translate(-50%,14px)}html.klaar-sticky-eligible .k4-mobile.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.k4-mobile-price strong{font-size:12px;line-height:1.1}.k4-mobile-price span{font-size:9px}.k4-mobile a{min-height:34px;padding:9px 13px;border-radius:999px;font-size:10px}.shopify-design-mode .k4-mobile{display:none!important}}@media(prefers-reduced-motion:reduce){.k4-mobile{transition:opacity .01ms linear!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/klaar-refine.css.map */