.wkp{--wkp-pad: clamp(24px, 2.7vw, 48px);--wkp-edge: max(var(--wkp-pad), calc((100% - 1680px) / 2 + var(--wkp-pad)));position:relative;background:#111;color:#fff}.wkp-stage{position:relative;min-height:620px;overflow:clip;background:#111}.wkp-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#111}.wkp-media{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;will-change:transform}.wkp-media picture{display:block;width:100%;height:100%}.wkp-img{display:block;width:100%;height:100%;object-fit:cover}.wkp-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#0000009e,#0000004d 24%,#0000 42%),radial-gradient(75% 70% at 50% 44%,#00000029,#00000061),#0000002e}.wkp-content{position:relative;z-index:1;min-height:inherit;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(40px,5vw,72px) var(--wkp-edge) clamp(170px,22vh,220px)}.wkp-kicker{margin:0 0 22px;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fffc}.wkp .wkp-headline{margin:0;font-family:var(--k9-font-display);font-size:clamp(2.2rem,4.2vw,4.2rem);font-weight:400;line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:#fff;text-wrap:balance}.wkp-line,.wkp-line-inner{display:block}.wkp-cta{margin-top:clamp(26px,3vw,38px);display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.6);font-size:.875rem;font-weight:600;color:#fff;text-decoration:none;transition:border-color .2s ease}.wkp-cta svg{transition:transform .2s ease}.wkp-cta:hover{color:#fff;border-color:#fff}.wkp-cta:hover svg{transform:translate(3px)}.wkp-stats{position:absolute;left:50%;bottom:clamp(28px,5vh,56px);transform:translate(-50%);width:min(100% - 2 * var(--wkp-edge),1180px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px clamp(20px,2.6vw,44px);margin:0;padding:0;list-style:none}.wkp-stat{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"index label" "number number" "detail detail";column-gap:12px;align-content:start;padding-top:14px;border-top:1px solid rgba(255,255,255,.4);text-align:left}.wkp-stat-icon{display:none}.wkp-stat-index{grid-area:index;line-height:1.35;font-size:.64rem;font-weight:600;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#ffffff8c}.wkp-stat-label{grid-area:label;line-height:1.35;font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffeb}.wkp-stat-number{grid-area:number;margin-top:clamp(14px,2vh,22px);font-family:var(--k9-font-display);font-size:clamp(2.3rem,3.5vw,3.5rem);font-weight:400;line-height:.9;letter-spacing:.005em;font-variant-numeric:tabular-nums;color:#fff}.wkp-stat-detail{grid-area:detail;margin-top:10px;max-width:28ch;font-size:.8rem;line-height:1.45;color:#ffffffb8}.wkp-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#07080d;opacity:0}@media(prefers-reduced-motion:no-preference){.wkp{--wkp-stage-h: calc(100vh - var(--k9-header-offset, 96px));--wkp-hold: 280vh}@supports (height: 100svh){.wkp{--wkp-stage-h: calc(100svh - var(--k9-header-offset, 96px));--wkp-hold: 280svh}}.shopify-section:has(~.section-why-k9corner){position:relative;z-index:2}.wkp{margin-top:calc(-1 * var(--wkp-stage-h));height:calc(var(--wkp-stage-h) + var(--wkp-hold))}.wkp-stage{position:sticky;top:var(--k9-header-offset, 96px);height:var(--wkp-stage-h)}}@media(max-width:749px)and (prefers-reduced-motion:no-preference){.wkp{--wkp-hold: 190vh}@supports (height: 100svh){.wkp{--wkp-hold: 190svh}}.wkp .wkp-stage{min-height:0}.wkp .wkp-content{padding-top:28px;padding-bottom:300px}}@media(max-width:749px){.wkp{--wkp-pad: 20px}.wkp-stage{min-height:92vh}.wkp-content{padding-bottom:340px}.wkp .wkp-headline{font-size:clamp(2.1rem,9.5vw,2.8rem)}.wkp-stats{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.wkp-stat-number{margin-top:10px;font-size:clamp(1.9rem,8.5vw,2.4rem)}.wkp-stat-detail{display:none}}.wkp-content{padding-bottom:clamp(250px,34vh,330px)}.wkp-stats{bottom:clamp(20px,3.5vh,40px);width:min(100% - 2 * var(--wkp-edge),860px);grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.wkp-stats{grid-template-rows:1fr 1fr}.wkp-stat{grid-template-columns:auto auto;justify-content:center;justify-items:center;padding:clamp(14px,2vh,20px) clamp(20px,2.6vw,36px) clamp(16px,2.2vh,22px);border-top:0;text-align:center}.wkp-stat-index{justify-self:end}.wkp-stat-label{justify-self:start}.wkp-stat-number{margin-top:clamp(10px,1.4vh,16px);font-size:clamp(2.1rem,3vw,3rem)}.wkp-stat-detail{margin-top:14px;font-size:.72rem;font-weight:400;line-height:1.5;max-width:30ch;color:#ffffffa8}.wkp-stats:before,.wkp-stats:after{content:"";position:absolute;background:#ffffff52;pointer-events:none;transition:transform 1.1s cubic-bezier(.65,0,.35,1)}.wkp-stats:before{left:50%;top:0;bottom:0;width:1px;transform-origin:50% 0}.wkp-stats:after{top:50%;left:0;right:0;height:1px;transform-origin:50% 50%;transition-delay:.25s}.wkp-stats.is-armed:before{transform:scaleY(0)}.wkp-stats.is-armed:after{transform:scaleX(0)}.wkp-stats.is-armed.is-drawn:before{transform:scaleY(1)}.wkp-stats.is-armed.is-drawn:after{transform:scaleX(1)}@media(max-width:749px){.wkp-content{padding-bottom:300px}.wkp .wkp-content{padding-bottom:290px}.wkp-stats{width:calc(100% - 40px);gap:0}.wkp-stat{padding:14px 10px 16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"index" "label" "number" "detail";row-gap:4px}.wkp-stat-index,.wkp-stat-label{justify-self:center}.wkp{--wkp-m-stats: 268px;--wkp-m-block: 500px;--wkp-m-bottom: max(32px, calc((var(--wkp-stage-h, 92vh) - var(--wkp-m-block)) / 2))}.wkp .wkp-stats{bottom:var(--wkp-m-bottom)}.wkp .wkp-content{justify-content:flex-end;padding-bottom:calc(var(--wkp-m-bottom) + var(--wkp-m-stats) + 44px)}}.wkp .wkp-headline{font-family:var(--k9-font-body);font-size:clamp(1.9rem,3.3vw,3.4rem);font-weight:500;line-height:1.04;letter-spacing:-.03em;text-transform:none}.wkp .wkp-headline .wkp-line-inner{text-transform:lowercase}.wkp .wkp-headline .wkp-line-inner:first-letter{text-transform:uppercase}.wkp .wkp-stat-number{font-family:var(--k9-font-body);font-size:clamp(2rem,2.8vw,2.8rem);font-weight:500;line-height:1;letter-spacing:-.03em}@media(max-width:749px){.wkp .wkp-headline{font-size:clamp(1.8rem,8.2vw,2.3rem)}.wkp .wkp-stat-number{font-size:clamp(1.7rem,7.6vw,2.1rem)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/why-k9corner.css.map */