.kipor-uc{background:var(--kp-surface-bright)}.kipor-uc__header{text-align:center;max-width:760px;margin:0 auto 48px}.kipor-uc__hero{text-align:center;max-width:820px;margin:0 auto 64px}.kipor-uc__eyebrow{margin-bottom:20px}.kipor-uc__heading,.kipor-uc__hero-heading{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--kp-on-surface);margin:0 0 16px}.kipor-uc__subheading,.kipor-uc__hero-description,.kipor-uc__hero-subheading{font-size:var(--kp-body-lg);line-height:1.65;color:var(--kp-secondary);margin:0}.kipor-uc__hero-subheading{font-size:18px;margin-top:8px}.kipor-uc__hero-description{font-size:17px;text-align:left;max-width:680px;margin:24px auto 0}.kipor-uc__hero-description>*+*{margin-top:16px}@media(max-width:749px){.kipor-uc__header,.kipor-uc__hero{margin-bottom:40px}.kipor-uc__heading,.kipor-uc__hero-heading{font-size:32px}.kipor-uc__subheading{font-size:16px}}.kipor-uc__filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 48px;max-width:100%}.kipor-uc__pill{background:var(--kp-surface-container);border:2px solid transparent;color:var(--kp-on-surface);padding:12px 24px;border-radius:var(--kp-radius-pill);font-size:var(--kp-body-lg);font-weight:600;font-family:inherit;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;min-height:48px;white-space:nowrap}.kipor-uc__pill:hover{background:var(--kp-surface-container-high)}.kipor-uc__pill:focus-visible{outline:2px solid var(--kp-primary);outline-offset:2px}.kipor-uc__pill--active{background:var(--kp-on-surface);color:#fff}.kipor-uc__pill--active:hover{background:var(--kp-on-surface)}@media(max-width:749px){.kipor-uc__filter{margin-bottom:32px;gap:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(var(--kp-container-pad) * -1);margin-right:calc(var(--kp-container-pad) * -1);padding-left:var(--kp-container-pad);padding-right:var(--kp-container-pad)}.kipor-uc__filter::-webkit-scrollbar{display:none}.kipor-uc__pill{padding:10px 18px;font-size:var(--kp-body-md);min-height:44px;flex-shrink:0}}.kipor-uc__grid{display:grid;grid-template-columns:repeat(var(--kp-uc-cols-m, 1),1fr);gap:16px;list-style:none;margin:0;padding:0}@media(min-width:750px){.kipor-uc__grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1100px){.kipor-uc__grid{grid-template-columns:repeat(var(--kp-uc-cols-d, 3),1fr);gap:24px}}.kipor-uc__item{display:block;margin:0;padding:0}.kipor-uc__item--hidden{display:none}.kipor-uc__card{position:relative;display:block;width:100%;border-radius:var(--kp-radius-xl);overflow:hidden;text-decoration:none;color:#fff;background:var(--kp-surface-container);box-shadow:var(--kp-shadow-sm);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);isolation:isolate}.kipor-uc__card:hover{box-shadow:var(--kp-shadow-xl);transform:translateY(-4px)}.kipor-uc__card:focus-visible{outline:3px solid var(--kp-primary);outline-offset:3px}.kipor-uc__media{position:relative;width:100%;overflow:hidden}.kipor-uc--aspect-landscape .kipor-uc__media{aspect-ratio:3 / 2}.kipor-uc--aspect-wide .kipor-uc__media{aspect-ratio:16 / 9}.kipor-uc--aspect-square .kipor-uc__media{aspect-ratio:1 / 1}.kipor-uc--aspect-portrait .kipor-uc__media{aspect-ratio:4 / 5}.kipor-uc__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.kipor-uc__card:hover .kipor-uc__image{transform:scale(1.06)}.kipor-uc__image--placeholder{background:var(--kp-surface-container-high);display:flex;align-items:center;justify-content:center}.kipor-uc__placeholder-svg{width:50%;height:50%;fill:var(--kp-surface-variant)}.kipor-uc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--kp-uc-overlay, .65)),rgba(0,0,0,calc(var(--kp-uc-overlay, .65) * .35)) 45%,#0000 75%);z-index:1}.kipor-uc__content{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}@media(min-width:750px){.kipor-uc__content{left:28px;right:28px;bottom:28px}}@media(min-width:1100px){.kipor-uc__content{left:32px;right:32px;bottom:32px}}.kipor-uc__card-heading{color:#fff;font-size:clamp(20px,2.2vw,26px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;text-shadow:0 2px 12px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:749px){.kipor-uc__card-heading{font-size:22px;margin-bottom:14px}}@media(max-width:749px){.kipor-uc--mobile-cols-2.kipor-uc--aspect-landscape .kipor-uc__media,.kipor-uc--mobile-cols-2.kipor-uc--aspect-wide .kipor-uc__media{aspect-ratio:1 / 1}.kipor-uc--mobile-cols-2 .kipor-uc__grid{gap:12px}.kipor-uc--mobile-cols-2 .kipor-uc__content{left:12px;right:12px;bottom:12px}.kipor-uc--mobile-cols-2 .kipor-uc__card-heading{font-size:14px;line-height:1.2;margin-bottom:8px;-webkit-line-clamp:3}.kipor-uc--mobile-cols-2 .kipor-uc__cta{padding:6px 12px;font-size:12px;gap:6px;min-height:30px;font-weight:600}.kipor-uc--mobile-cols-2 .kipor-uc__cta-icon{font-size:14px}.kipor-uc--mobile-cols-2 .kipor-uc__card{border-radius:var(--kp-radius-lg)}}.kipor-uc__cta{display:inline-flex;align-items:center;gap:10px;background:#fffffff2;color:var(--kp-on-surface);padding:10px 20px;border-radius:var(--kp-radius-pill);font-size:var(--kp-body-md);font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:gap .22s ease,background .22s ease,padding .22s ease;min-height:40px}.kipor-uc__card:hover .kipor-uc__cta{gap:14px;background:#fff}.kipor-uc__cta-icon{font-size:18px;font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;transition:transform .22s ease}.kipor-uc__card:hover .kipor-uc__cta-icon{transform:translate(2px)}.kipor-uc__footnote{text-align:center;margin:48px 0 0;font-size:var(--kp-body-md);color:var(--kp-secondary)}@media(prefers-reduced-motion:reduce){.kipor-uc__card,.kipor-uc__image,.kipor-uc__cta,.kipor-uc__cta-icon,.kipor-uc__pill{transition:none}.kipor-uc__card:hover,.kipor-uc__card:hover .kipor-uc__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-kipor-use-case-grid.css.map */