.kb-section{position:relative;color:var(--kb-text);margin:0}.kb-section .kb-bleed{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.kb-section .kb-container{max-width:80rem;margin:0 auto;padding:0 1rem}.kb-section .kb-header{text-align:center;max-width:44rem;margin:0 auto}.kb-eyebrow{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;opacity:.65;color:var(--kb-header-text)}.kb-title{margin:.25rem 0 0;line-height:1.1;color:var(--kb-header-text)}.kb-subcopy{margin:.5rem auto 0;max-width:36rem;color:var(--kb-header-text);opacity:.75}.kb-grid{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.kb-grid.is-hovering{gap:.75rem;transform:scale(.985);transition:transform .2s ease,gap .2s ease}}.kb-card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(255,255,255,.12);background:#18181bb3;box-shadow:0 8px 30px #00000026;transform:translateZ(0);transition:filter .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),z-index .2s ease;will-change:transform;color:var(--kb-card-text)}.kb-card.has-link{cursor:pointer}.kb-card-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;text-decoration:none;color:inherit}.kb-card-hit:focus-visible{outline:2px solid currentColor;outline-offset:3px}.kb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kb-card.is-active{filter:brightness(1.08);transform:scale(1.08);z-index:3}@media(min-width:768px){.kb-card:not(.is-active){filter:brightness(.96)}}.kb-ratio{position:relative;width:100%;padding-top:75%}.kb-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .32s ease;display:block}.kb-media--base{opacity:1}.kb-media--hover,.kb-card.is-active .kb-media--base{opacity:0}.kb-card.is-active .kb-media--hover{opacity:1}.kb-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);pointer-events:none}.kb-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem}@media(min-width:640px){.kb-content{padding:2rem}}.kb-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem}.kb-chip{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kb-card-text);opacity:.9}.kb-card-title{font-size:clamp(1.25rem,1.2vw + 1rem,1.75rem);margin:0;color:var(--kb-card-text)}.kb-card-copy{margin-top:.5rem;color:var(--kb-card-text);opacity:.75;max-width:44ch}.kb-footer{margin:2rem auto 0;max-width:38rem;text-align:center;font-size:.75rem;color:var(--kb-text)}.kb-footer-badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--kb-text);opacity:.85}.kb-dot-sep{margin:0 .5rem;opacity:.6;color:var(--kb-text)}@media(max-width:767.98px){.kb-mobile.is-mobile-slider .kb-grid{display:block;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;white-space:nowrap;gap:0;margin-top:1rem;padding-left:1rem;padding-right:1rem}.kb-card{box-shadow:0 8px 30px #0000}.kb-mobile.is-mobile-slider .kb-card{display:inline-block;vertical-align:top;width:calc(100% - 1.25rem);margin-right:1.25rem;white-space:normal;scroll-snap-align:start;scroll-snap-stop:always;border-radius:1.25rem}.kb-mobile.is-mobile-slider .kb-card:last-child{margin-right:0}.kb-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.kb-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;cursor:pointer;background:#00000047;box-shadow:inset 0 0 0 1px #ffffff73}.kb-dot[aria-selected=true]{background:#000000e0;box-shadow:inset 0 0 0 1px #ffffffa6;transform:scale(1.1)}.kb-section .kb-bleed{overflow-x:hidden;overflow-y:visible}.kb-section .kb-mobile.is-mobile-slider .kb-grid{overflow-y:visible;padding-bottom:.75rem}.kb-section .kb-mobile.is-mobile-slider .kb-card.is-active{transform:none;filter:brightness(1.04)}.kb-section .kb-mobile.is-mobile-slider .kb-card{margin-bottom:.25rem}}@media(min-width:768px){.kb-dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-key-benefits.css.map */
