body.template-index:has(knox-paths) .kn-intro{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;text-align:center}body.template-index:has(knox-paths) .kn-intro h1{margin:0;max-width:none;font-size:clamp(22px,1.9vw,30px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:#18202c;text-wrap:balance}body.template-index:has(knox-paths) .kn-intro-lede{margin:0;max-width:560px;font-size:16px;line-height:1.5;color:#5a6a82;text-wrap:pretty}@media(max-width:760px){body.template-index:has(knox-paths) .kn-intro{gap:4px}body.template-index:has(knox-paths) .kn-intro h1{font-size:20px}body.template-index:has(knox-paths) .kn-intro-lede{font-size:15px}}body.template-index:has(knox-paths) .kn-shop-links>a{position:relative;padding-left:16px;padding-right:16px}body.template-index:has(knox-paths) .kn-shop-links strong:after{content:none;display:none}@media(max-width:760px){body.template-index:has(knox-paths) .kn-shop-links>a{padding-left:12px;padding-right:12px}}@media(min-width:761px)and (min-height:620px){body.template-index:has(knox-paths) .kn-studio{height:calc(100svh - var(--kh-header-h,104px));max-height:980px;min-height:0;padding-block:clamp(16px,3svh,32px) clamp(16px,2.5svh,24px);gap:clamp(16px,2.5svh,28px)}body.template-index:has(knox-paths) .kn-paths{flex:1 1 auto;min-height:0;align-items:stretch}body.template-index:has(knox-paths) .kn-path{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;padding:clamp(18px,3svh,28px) 28px clamp(16px,2.6svh,24px);gap:clamp(10px,1.8svh,16px)}body.template-index:has(knox-paths) .kn-path h2{font-size:clamp(64px,min(6.4vw,11svh),128px);margin-bottom:clamp(8px,1.4svh,16px)}body.template-index:has(knox-paths) .kn-path-kicker{margin-bottom:clamp(6px,1.2svh,12px)}body.template-index:has(knox-paths) .kn-scene{min-height:0;padding-block:0;display:flex;align-items:center;justify-content:center}body.template-index:has(knox-paths) .kn-visual-group.kn-wide-art{width:100%;height:100%;max-width:640px;max-height:100%}body.template-index:has(knox-paths) .kn-wide-art img{width:100%;height:100%;object-fit:contain}body.template-index:has(knox-paths) .kn-shop-links>a{min-height:clamp(48px,6.5svh,64px)}}@media(hover:hover)and (pointer:fine){body.template-index:has(knox-paths) .kn-paths .kn-shop-links>a:hover:not(:active){background:#fff;border-color:#bcc2ca;box-shadow:0 5px 16px #18202c14;transform:none}}body.template-index:has(knox-paths) .kn-path,body.template-index:has(knox-paths) .kn-deploy{border:0;background:linear-gradient(160deg,#f4f6f8,#fafbfc)}@media(forced-colors:active){body.template-index:has(knox-paths) .kn-path{border:1px solid CanvasText}}body.template-index:has(knox-paths) .kt-partner-logos .kt-logo{transition:border-color .2s,background .2s,box-shadow .2s}@media(hover:hover)and (pointer:fine){body.template-index:has(knox-paths) .kt-partner-logos .kt-logo:hover:not(:active){border-color:#bcc2ca;background:#fff;box-shadow:0 5px 16px #18202c14}}body.template-index:has(knox-paths) .kt-section-heading .ds-btn.kt-all-brands{flex:none;white-space:nowrap;background:transparent;box-shadow:inset 0 0 0 2px #d7dde5;color:#18202c;text-decoration:none}@media(hover:hover)and (pointer:fine){body.template-index:has(knox-paths) .kt-section-heading .ds-btn.kt-all-brands:hover:not(:active){background:#f4f6f8;box-shadow:inset 0 0 0 2px #a2a8b0;color:#18202c;text-decoration:none}}body.template-index:has(knox-paths) .kt-section-heading .ds-btn.kt-all-brands:active{background:#f4f6f8}@media(max-width:760px){body.template-index:has(knox-paths) .kt-section-heading .ds-btn.kt-all-brands{margin-top:16px}}@media(min-width:761px){body.template-index:has(knox-paths) .kn-path .kn-cta.ds-btn{grid-column:1;grid-row:2;justify-self:center;width:auto;min-width:200px;margin-top:0}body.template-index:has(knox-paths) .kn-path .kn-scene{grid-row:3}body.template-index:has(knox-paths) .kn-path .kn-shop-links{grid-row:4}}@media(min-width:761px)and (min-height:620px){body.template-index:has(knox-paths) .kn-path{grid-template-rows:auto auto minmax(0,1fr) auto}}body.template-index:has(knox-paths) .kn-studio .kn-intro{background:linear-gradient(160deg,#f4f6f8,#fafbfc);border-radius:20px;padding:clamp(16px,2.6svh,24px) 24px}@media(max-width:760px){body.template-index:has(knox-paths) .kn-studio .kn-intro{border-radius:17px;padding:16px}}@media(forced-colors:active){body.template-index:has(knox-paths) .kn-studio .kn-intro{border:1px solid CanvasText}}body.template-index:has(knox-paths) .kn-studio{background:transparent;border-image:linear-gradient(180deg,#e8ecf1,#fff) fill 0 / 0 / 0 100vmax}body.template-index:has(knox-paths) .kn-paths .kn-path{box-shadow:0 1px 2px #18202c08,0 6px 20px #18202c0b}body.template-index:has(knox-paths) .kn-studio .kn-intro{position:relative;overflow:hidden;isolation:isolate}body.template-index:has(knox-paths) .kn-studio .kn-intro>:is(h1,p){position:relative;z-index:1}body.template-index:has(knox-paths) .kn-studio .kn-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(18,84,227,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,84,227,.05) 1px,transparent 1px);background-size:16px 16px;background-position:center;-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.25) 35%,rgba(0,0,0,.25) 65%,#000);mask-image:linear-gradient(90deg,#000,#00000040 35% 65%,#000)}body.template-index:has(knox-paths) .kn-bp{position:absolute;top:0;height:100%;width:auto;aspect-ratio:9/4;z-index:0;pointer-events:none;color:#1254e3;opacity:.2}body.template-index:has(knox-paths) .kn-bp-arm{left:0}body.template-index:has(knox-paths) .kn-bp-hand{right:0}body.template-index:has(knox-paths) .kn-bp text{fill:currentColor;stroke:none;font:500 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}body.template-index:has(knox-paths) .kn-bp-draw>*{stroke-dasharray:1;stroke-dashoffset:1;animation:kn-bp-draw 14s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--i,0) * .6s)}body.template-index:has(knox-paths) .kn-bp-dim{opacity:0;animation:kn-bp-fade 14s ease-in-out infinite;animation-delay:1.8s}body.template-index:has(knox-paths) .kn-bp-shoulder,body.template-index:has(knox-paths) .kn-bp-elbow,body.template-index:has(knox-paths) .kn-bp-fingers{transform-box:view-box;animation:kn-bp-swing 7s ease-in-out infinite alternate}body.template-index:has(knox-paths) .kn-bp-shoulder{transform-origin:80px 100px;--a:-3deg}body.template-index:has(knox-paths) .kn-bp-elbow{transform-origin:149px 46px;--a:6deg;animation-duration:5.5s}body.template-index:has(knox-paths) .kn-bp-fingers{transform-origin:246px 70px;--a:-2deg;animation-duration:6s}@keyframes kn-bp-draw{0%{stroke-dashoffset:1;opacity:0}6%{opacity:1}38%{stroke-dashoffset:0}86%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes kn-bp-fade{0%,10%{opacity:0}30%,82%{opacity:1}96%,to{opacity:0}}@keyframes kn-bp-swing{0%{transform:rotate(0)}to{transform:rotate(var(--a))}}@media(max-width:760px){body.template-index:has(knox-paths) .kn-bp{opacity:.1}body.template-index:has(knox-paths) .kn-bp-hand{display:none}body.template-index:has(knox-paths) .kn-bp-arm{left:auto;right:-24px}}@media(prefers-reduced-motion:reduce){body.template-index:has(knox-paths) .kn-bp-draw>*,body.template-index:has(knox-paths) .kn-bp-dim,body.template-index:has(knox-paths) .kn-bp-shoulder,body.template-index:has(knox-paths) .kn-bp-elbow,body.template-index:has(knox-paths) .kn-bp-fingers{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}@media(forced-colors:active){body.template-index:has(knox-paths) .kn-bp,body.template-index:has(knox-paths) .kn-studio .kn-intro:before{display:none}}body.template-index:has(knox-paths) .khe .khe-tabs{box-shadow:none}@media(forced-colors:active){body.template-index:has(knox-paths) .khe .khe-tabs{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/knox-home-refresh-3.css.map */