.kp-page{background:#fffdf4;--secondary-color:#fffdf4;--primary-color:#2249c1;--heading-color:#1c1917;--text-color-dark:#1a1a1a;font-family:Magnetik,sans-serif;font-weight:300}
.kp-page .kp-hero{padding-top:163px}.kp-hero h1{font-size:96px;line-height:90px;max-width:671px;color:#1c1917;letter-spacing:normal}.kp-hero h1 span{display:block}.kp-page .kp-hero>p{width:537px;margin:64px 0 0 auto;line-height:26px}.kp-hero-image{display:block;width:100%;height:560px;object-fit:cover;border-radius:32px;margin-top:64px}
.kp-catalogue{padding-block:200px;scroll-margin-top:32px}.kp-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:96px}.kp-intro h2{white-space:nowrap}.kp-intro>p{width:537px;flex-shrink:0}.kp-filters,.kp-extra-chips{display:flex;align-items:center;gap:12px}.kp-page .kp-chip{font-size:16px;line-height:20px;font-weight:300;border:1px solid #c7c7c7;border-radius:9999px;padding:7px 15px;background:transparent;color:#1a1a1a;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.kp-chip:hover{border-color:#2249c1}.kp-page .kp-chip.is-active{background:#2249c1;border-color:#2249c1;color:white}.kp-page .kp-more-filters{padding-inline:13px}.kp-extra-filters{padding-top:24px}.kp-extra-chips{flex-wrap:wrap}.kp-refine{display:flex;align-items:flex-end;gap:24px;margin-top:24px;padding:24px;background:#faf4ea;border-radius:12px}.kp-refine label{display:flex;flex:1;min-width:0;flex-direction:column;gap:10px}.kp-refine input,.kp-refine select{font:inherit;padding:12px;border:1px solid #c7c7c7;border-radius:6px;background:#fffdf4;color:#1a1a1a;width:100%}.kp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:80px;margin-top:32px;align-items:start;padding-bottom:80px}.kp-card:nth-child(3n+2){transform:translateY(40px)}.kp-card:nth-child(3n){transform:translateY(80px)}.kp-card{min-width:0}.kp-family-link{display:block;text-decoration:none}.kp-card-visual{height:420px;position:relative}.kp-card-backdrop{position:absolute;left:0;right:0;top:140px;height:280px;border-radius:12px;background:#faf4ea}.kp-product-slot{position:absolute;width:80%;height:300px;left:50%;top:60px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;overflow:hidden}.kp-product-slot img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.kp-feature-0 .kp-product-slot{width:278px;height:280px}.kp-feature-0 img,.kp-feature-8 img{width:100%;height:100%;object-fit:cover}.kp-feature-1 .kp-product-slot{width:280px;height:280px}.kp-feature-1 img{position:absolute;width:113.36%;max-width:none;height:113.36%;max-height:none;left:-6.07%;top:-5.67%}.kp-feature-2 .kp-product-slot{width:347px;height:280px}.kp-feature-2 img{position:absolute;width:119.13%;max-width:none;height:114.61%;max-height:none;left:-9.81%;top:-9.47%}.kp-feature-3 .kp-product-slot{width:145px;height:280px}.kp-feature-3 img{position:absolute;width:149.71%;max-width:none;height:127.32%;max-height:none;left:-24.85%;top:-17.21%}.kp-feature-4 .kp-product-slot{width:321px;height:216px;top:86px}.kp-feature-4 img{position:absolute;width:114.5%;max-width:none;height:170.45%;max-height:none;left:-7.25%;top:-35.23%}.kp-feature-5 .kp-product-slot{width:352px;height:266px;top:77px}.kp-feature-5 img{position:absolute;width:112.78%;max-width:none;height:118.97%;max-height:none;left:-6.39%;top:-9.49%}.kp-feature-6 .kp-product-slot{width:224px;height:337px;top:31px}.kp-feature-6 img{position:absolute;width:218.57%;max-width:none;height:145.56%;max-height:none;left:-59.28%;top:-22.78%}.kp-feature-7 .kp-product-slot{width:253px;height:298px;top:61px}.kp-feature-7 img{position:absolute;width:166.53%;max-width:none;height:141.34%;max-height:none;left:-31.3%;top:-20.67%}.kp-feature-8 .kp-product-slot{width:271px;height:276px;top:72px}.kp-card-copy{margin-top:24px}.kp-page .kp-card h3{font-size:32px;line-height:1.2;color:#1c1917;font-weight:300;margin:0;overflow-wrap:anywhere}.kp-card-copy p{margin-top:12px!important}.kp-page .kp-load-more{display:flex;align-items:center;justify-content:center;gap:12px;margin:96px auto 0;background:none;color:#1a1a1a;border:1px solid #1a1a1a;border-radius:4px;padding:16px;font-size:14px;line-height:20px;letter-spacing:4px;text-transform:uppercase;font-weight:300}.kp-load-more img{width:4px;height:4px}.kp-load-more:hover{color:white;background:#2249c1;border-color:#2249c1}.kp-empty{padding-block:64px}.kp-signoff{padding:96px 0;background:#020715;color:white;min-height:364px}.kp-signoff>.os-container{display:flex;align-items:start;justify-content:space-between;gap:64px}.kp-page .kp-signoff h2{font-size:72px;line-height:86px;color:white;max-width:680px}.kp-signoff p{padding-top:8px}.kp-page .os-footer{background:#020715}.kp-page .os-header__row{gap:24px}.kp-page .os-nav{gap:24px}.kp-page .os-header__actions{margin-left:auto}.kp-family-link:hover h3{color:#2249c1}
@media(min-width:1101px) and (max-width:1439px){.kp-filters{gap:8px}.kp-page .kp-chip{padding-inline:12px}.kp-intro{gap:32px}.kp-intro h2{font-size:64px}.kp-intro>p{width:41%}.kp-product-slot{max-width:95%}}
@media(max-width:1100px){.kp-page .kp-hero{padding-top:100px}.kp-hero h1{font-size:76px;line-height:1}.kp-page .kp-hero>p{width:48%;margin-top:64px}.kp-hero-image{height:440px}.kp-catalogue{padding-block:120px}.kp-intro{align-items:start;gap:32px}.kp-intro h2{white-space:normal}.kp-intro>p{width:44%}.kp-filters{flex-wrap:wrap}.kp-grid{column-gap:16px;row-gap:56px}.kp-card-visual{height:340px}.kp-card-backdrop{top:120px;height:220px}.kp-product-slot,.kp-feature .kp-product-slot{scale:.8;transform-origin:0 0;max-width:none}.kp-card-copy{margin-top:24px}.kp-page .kp-card h3{font-size:27px}.kp-page .kp-signoff h2{font-size:56px;line-height:1.15}.kp-signoff p{max-width:38%}.kp-refine{flex-wrap:wrap}.kp-refine label:first-child{flex-basis:100%}}
@media(max-width:700px){.kp-page .kp-hero{padding-top:72px}.kp-hero h1{font-size:clamp(40px,10vw,62px);line-height:1.05;max-width:100%}.kp-page .kp-hero>p{width:100%;margin-top:40px}.kp-hero-image{height:280px;border-radius:20px;margin-top:40px}.kp-catalogue{padding-block:72px}.kp-intro{display:block;margin-bottom:40px}.kp-intro>p{width:100%;margin-top:24px!important}.kp-filters{gap:8px}.kp-page .kp-chip{font-size:14px;padding:7px 12px}.kp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px;padding-bottom:0}.kp-card:nth-child(n){transform:none}.kp-card-visual{height:240px}.kp-card-backdrop{top:80px;height:160px}.kp-product-slot{height:180px;top:24px;width:88%;scale:1;max-width:100%;transform:translateX(-50%);transform-origin:center}.kp-feature .kp-product-slot{scale:1;width:90%;height:190px;top:20px;max-width:100%}.kp-feature .kp-product-slot img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.kp-card-copy{margin-top:16px}.kp-page .kp-card h3{font-size:22px}.kp-page .kp-card p{font-size:14px;line-height:1.4}.kp-page .kp-load-more{margin-top:48px}.kp-signoff{padding:64px 0;min-height:0}.kp-signoff>.os-container{display:block}.kp-page .kp-signoff h2{font-size:42px;line-height:1.15}.kp-signoff p{max-width:100%;margin-top:32px!important}.kp-refine{padding:16px;gap:16px}.kp-refine label{flex-basis:100%}}
@media(max-width:380px){.kp-grid{grid-template-columns:1fr}.kp-card-visual{height:300px}.kp-card-backdrop{height:200px;top:100px}.kp-product-slot,.kp-feature .kp-product-slot{height:240px;top:24px}}

/* Exact 1440px Figma geometry and shared-footer adjustments. */
@media(min-width:1101px){.kp-page .os-header__row{min-height:100px}.kp-page .kp-hero-image{margin-top:90px}.kp-page .kp-card h3{line-height:41px}.kp-page .kp-card-copy p{line-height:20px}}
@media(min-width:1440px){.kp-grid{grid-template-columns:repeat(3,426px)}}
.kp-page .os-footer__links>div:nth-child(2)>a:last-child{display:none}

.kp-page .os-subscribe-wrap{width:452px;max-width:100%}

/* Original source cutouts: preserve proportions and show the whole product. */
.kp-page .kp-feature .kp-product-slot{width:82%;height:300px;top:60px;scale:1;transform:translateX(-50%);max-width:100%}
.kp-page .kp-feature .kp-product-slot img{position:static;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1100px) and (min-width:701px){.kp-page .kp-feature .kp-product-slot{height:240px;top:40px}}
@media(max-width:700px){.kp-page .kp-feature .kp-product-slot{width:88%;height:190px;top:20px}}

/* Figma product-card typography: Magnetik Light, original capitalization. */
.kp-page .kp-card h3,.kp-page .kp-card-copy p{font-family:Magnetik,sans-serif;font-weight:300;font-style:normal;text-transform:none;letter-spacing:0}
.kp-page .kp-card-copy p{font-size:16px;line-height:20px}
@media(min-width:1101px){.kp-page .kp-card h3{font-size:32px;line-height:41px}}
@media(max-width:700px){.kp-page .kp-card-copy p{font-size:14px;line-height:1.4}}

/* All categories stay in one responsive horizontal scrolling row. */
.kp-page .kp-filter-form{min-width:0;max-width:100%}
.kp-page .kp-filters{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;padding:8px 4px 12px;scrollbar-width:thin;scrollbar-color:#2249c1 #eee9de;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.kp-page .kp-filters .kp-chip{flex:0 0 auto}
@media(max-width:700px){.kp-page .kp-filters{gap:8px}}

/* Hidden scrollbar with persistent edge cues and hover/touch arrows. */
.kp-filter-strip{position:relative}.kp-page .kp-filters{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.kp-filters::-webkit-scrollbar{display:none}
.kp-filter-strip:before,.kp-filter-strip:after{content:'';position:absolute;top:0;bottom:0;width:56px;z-index:1;pointer-events:none;opacity:0;transition:opacity .18s}.kp-filter-strip:before{left:0;background:linear-gradient(90deg,#fffdf4 25%,transparent)}.kp-filter-strip:after{right:0;background:linear-gradient(-90deg,#fffdf4 25%,transparent)}.kp-filter-strip.can-left:before,.kp-filter-strip.can-right:after{opacity:1}
.kp-page .kp-scroll-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #d4d0c5;border-radius:50%;background:#fffdf4;color:#2249c1;box-shadow:0 2px 8px #0001;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s}.kp-scroll-prev{left:0}.kp-scroll-next{right:0}.kp-filter-strip:hover .kp-scroll-arrow:not(:disabled),.kp-filter-strip:focus-within .kp-scroll-arrow:not(:disabled){opacity:1;pointer-events:auto}
.kp-refinement-form{margin-top:32px;padding-top:24px;border-top:1px solid #dedbd0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.kp-refinement-fields{display:flex;align-items:flex-end;gap:20px}.kp-refinement-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px}.kp-refinement-fields select{font:inherit;font-size:16px;min-width:185px;max-width:100%;padding:11px 36px 11px 14px;color:#1a1a1a;background:#fffdf4;border:1px solid #c7c7c7;border-radius:8px}.kp-page .kp-clear-filters{padding:12px 4px;border:0;background:none;color:#2249c1;font-size:14px;text-decoration:underline;text-underline-offset:4px}.kp-page #kp-status{font-size:14px;line-height:20px;color:#5c5a54;padding-bottom:12px}
@media(hover:none){.kp-filter-strip .kp-scroll-arrow:not(:disabled){opacity:1;pointer-events:auto}}
@media(max-width:700px){.kp-refinement-form{display:block;margin-top:24px}.kp-refinement-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kp-refinement-fields select{width:100%;min-width:0;font-size:14px;padding-left:10px;padding-right:24px}.kp-page .kp-clear-filters{text-align:left;justify-self:start;padding:0}.kp-page #kp-status{margin-top:16px;padding:0}.kp-page .kp-scroll-arrow{width:36px;height:36px}}

/* Center scroll controls independently of font glyph metrics. */
.kp-page .kp-scroll-arrow{font-size:0;padding:0}
.kp-scroll-arrow:before{content:'';display:block;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateX(-1.5px) rotate(-45deg)}
.kp-scroll-prev:before{transform:translateX(1.5px) rotate(135deg)}


/* Consistent refinement spacing and alignment. */
.kp-refinement-form{gap:32px;padding-top:28px;margin-top:28px}.kp-refinement-fields{gap:24px;align-items:flex-end}.kp-refinement-fields label{gap:10px;line-height:20px}.kp-refinement-fields select{height:46px;padding:12px 38px 12px 16px;line-height:20px}.kp-page .kp-clear-filters{height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 8px;line-height:20px;white-space:nowrap}.kp-page #kp-status{padding-bottom:13px;line-height:20px}
@media(max-width:700px){.kp-refinement-form{margin-top:24px;padding-top:24px}.kp-refinement-fields{gap:20px 16px}.kp-refinement-fields select{padding:12px 28px 12px 12px}.kp-page .kp-clear-filters{height:auto;min-height:36px;padding:8px 0;justify-content:flex-start}.kp-page #kp-status{margin-top:12px;padding-bottom:0}}

/* Theme-matched dropdown hover and keyboard focus. */
.kp-page .kp-refinement-fields select{font-family:Magnetik,sans-serif;font-weight:300;background-color:#fffdf4;color:#1a1a1a;border-color:#c7c7c7;border-radius:8px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}.kp-page .kp-refinement-fields select:hover{border-color:#2249c1;background-color:#faf4ea;color:#2249c1;box-shadow:0 2px 8px rgba(34,73,193,.07)}.kp-page .kp-refinement-fields select:focus-visible{border-color:#2249c1;background-color:#fffdf4;color:#2249c1;outline:2px solid rgba(34,73,193,.25);outline-offset:3px;box-shadow:none}.kp-page .kp-refinement-fields select option{color:#1a1a1a;background:#fffdf4}.kp-page .kp-refinement-fields select option:disabled{color:#96938b}.kp-page .kp-clear-filters{border-radius:4px;text-decoration-color:rgba(34,73,193,.4);transition:color .18s ease,background-color .18s ease,text-decoration-color .18s ease}.kp-page .kp-clear-filters:hover{background-color:rgba(34,73,193,.06);text-decoration-color:#2249c1}.kp-page .kp-clear-filters:focus-visible{outline:2px solid rgba(34,73,193,.35);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.kp-page .kp-refinement-fields select,.kp-page .kp-clear-filters{transition:none}}

.kp-page .kp-load-more:hover img{filter:brightness(0) invert(1)}

/* Responsive product cards with compact typography. */
.kp-page .kp-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:48px;padding-bottom:0}.kp-page .kp-card:nth-child(n){transform:none}.kp-page .kp-card h3{font-size:24px;line-height:30px}.kp-page .kp-card-copy p{font-size:14px;line-height:21px}.kp-page .kp-card-copy{margin-top:20px}
@media(max-width:700px){.kp-page .kp-grid{column-gap:12px;row-gap:32px}.kp-page .kp-card h3{font-size:18px;line-height:24px}.kp-page .kp-card-copy p{font-size:13px;line-height:19px}.kp-page .kp-card-copy{margin-top:16px}}
@media(max-width:380px){.kp-page .kp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:1100px){.kp-page .kp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Compact product imagery with minimal space below the pack. */
.kp-page .kp-card-visual{height:280px}.kp-page .kp-card-backdrop{top:64px;height:216px}.kp-page .kp-product-slot{top:16px;height:248px;width:76%;scale:1;transform:translateX(-50%)}.kp-page .kp-card-copy{margin-top:16px}
@media(max-width:700px){.kp-page .kp-card-visual{height:190px}.kp-page .kp-card-backdrop{top:44px;height:146px}.kp-page .kp-product-slot{top:10px;height:168px;width:90%}.kp-page .kp-card-copy{margin-top:12px}}
@media(max-width:380px){.kp-page .kp-card-visual{height:170px}.kp-page .kp-card-backdrop{top:40px;height:130px}.kp-page .kp-product-slot{top:8px;height:150px}}

.kp-page .kp-product-slot{align-items:flex-end}
