.kk-why{background:var(--kk-warm-card);font-family:var(--kk-font-sans)}.kk-why__header{margin:0 auto 56px;text-align:center}@media screen and (min-width:1024px){.kk-why__header{margin-bottom:64px}}.kk-why__heading{margin:0 0 16px;font-family:var(--kk-font-display);font-size:36px;line-height:1.25;font-weight:700;color:var(--kk-brown)}.kk-why__heading .kk-break-mobile{display:block}@media screen and (min-width:640px){.kk-why__heading .kk-break-mobile{display:none}}@media screen and (min-width:1024px){.kk-why__heading{font-size:48px;white-space:nowrap}}.kk-why__subtext{max-width:40rem;margin:0 auto;font-size:16px;line-height:1.625;color:var(--kk-warm-fg);text-wrap:balance}@media screen and (min-width:1024px){.kk-why__subtext{max-width:42rem;font-size:18px;line-height:1.625}}.kk-why__grid{position:relative;display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}.kk-why__grid::-webkit-scrollbar{display:none}.kk-why__grid:focus-visible{outline:2px solid var(--kk-terracotta);outline-offset:4px}@media screen and (min-width:750px){.kk-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none;outline:none}}@media screen and (min-width:1024px){.kk-why__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}.kk-why-card{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:28px;border:1px solid var(--kk-warm-border);border-radius:var(--kk-radius-sm);background:var(--kk-ivory);transition:border-color .3s ease,box-shadow .3s ease}@media screen and (max-width:749px){.kk-why-card.kk-reveal{opacity:1;transform:none}}@media screen and (min-width:750px){.kk-why-card{flex:none;width:auto;scroll-snap-align:unset;scroll-snap-stop:normal}}@media screen and (min-width:1024px){.kk-why-card{padding:32px}}.kk-why-card:hover{border-color:rgba(var(--kk-terracotta-rgb),.3);box-shadow:0 4px 24px #b85c4214}.kk-why-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;border-radius:var(--kk-radius-sm);background:var(--kk-sand);color:var(--kk-terracotta);transition:background-color .3s ease,color .3s ease}.kk-why-card:hover .kk-why-card__icon{background:var(--kk-terracotta);color:var(--kk-ivory)}.kk-why-card__icon svg{display:block;width:28px;height:28px}.kk-why-card__tag{margin:0 0 8px;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--kk-terracotta)}.kk-why-card__title{margin:0 0 12px;font-family:var(--kk-font-display);font-size:18px;line-height:1.375;font-weight:600;color:var(--kk-brown)}.kk-why-card__body{margin:0;font-size:14px;line-height:1.625;color:var(--kk-warm-fg)}.kk-why__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.kk-why__dot{width:8px;height:8px;padding:0;border:0;border-radius:9999px;background:var(--kk-warm-border);cursor:pointer;transition:background-color .2s ease,transform .2s ease,width .2s ease}.kk-why__dot[aria-current=true]{width:22px;background:var(--kk-terracotta)}.kk-why__dot:focus-visible{outline:2px solid var(--kk-terracotta);outline-offset:3px}@media screen and (min-width:750px){.kk-why__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kk-why.css.map */