.kk-mats-hero{position:relative;overflow:hidden;background:var(--kk-warm-charcoal);font-family:var(--kk-font-sans)}.kk-mats-hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.04}.kk-mats-hero__grid{position:relative;z-index:1;display:grid;gap:40px;padding:64px 0 80px;align-items:center}@media screen and (min-width:1024px){.kk-mats-hero__grid{grid-template-columns:1fr 1fr;gap:64px;padding:96px 0}}.kk-mats-hero__eyebrow{margin:0 0 24px;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--kk-terracotta)}.kk-mats-hero__title{margin:0 0 24px;font-family:var(--kk-font-display);font-size:clamp(40px,7vw,80px);font-weight:700;line-height:.95;color:var(--kk-ivory)}.kk-mats-hero__desc{margin:0 0 32px;max-width:28rem;font-size:16px;line-height:1.7;color:rgba(var(--kk-ivory-rgb),.65)}.kk-mats-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.kk-mats-hero__collage{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media screen and (min-width:1024px){.kk-mats-hero__collage{gap:12px}}.kk-mats-hero__tile{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--kk-radius-sm);background:var(--kk-warm-card)}.kk-mats-hero__tile img{width:100%;height:100%;object-fit:cover;opacity:.8;display:block}.kk-mats-hero__tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(42,26,18,.7),transparent)}.kk-mats-hero__tile-meta{position:absolute;left:12px;bottom:12px}.kk-mats-hero__tile-label{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:rgba(var(--kk-ivory-rgb),.5);margin-bottom:2px}.kk-mats-hero__tile-caption{font-size:12px;font-weight:500;color:rgba(var(--kk-ivory-rgb),.9)}.kk-mats-hero__tile-num{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:999px;background:rgba(var(--kk-ivory-rgb),.15);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--kk-ivory)}.kk-mats-grid{background:var(--kk-ivory);padding:64px 0;font-family:var(--kk-font-sans)}@media screen and (min-width:1024px){.kk-mats-grid{padding:96px 0}}.kk-mats-grid__header{margin-bottom:48px}@media screen and (min-width:1024px){.kk-mats-grid__header{margin-bottom:64px}}.kk-mats-grid__row{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:1024px){.kk-mats-grid__row{flex-direction:row;align-items:flex-end;justify-content:space-between}}.kk-mats-grid__heading{margin:0;max-width:32rem;font-family:var(--kk-font-display);font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.15;color:var(--kk-brown)}.kk-mats-grid__aside{margin:0;max-width:18rem;font-size:14px;line-height:1.6;color:var(--kk-warm-fg)}@media screen and (min-width:1024px){.kk-mats-grid__aside{text-align:right}}.kk-mats-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media screen and (min-width:1024px){.kk-mats-bento{grid-template-columns:repeat(4,1fr);gap:16px}}.kk-mats-card{position:relative;display:block;overflow:hidden;border-radius:12px;background:var(--kk-warm-card);aspect-ratio:4 / 5;text-decoration:none}.kk-mats-card--wide{grid-column:span 2;aspect-ratio:5 / 3}@media screen and (min-width:1024px){.kk-mats-card--wide{aspect-ratio:16 / 9}}.kk-mats-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--kk-ease)}.kk-mats-card:hover img{transform:scale(1.04)}.kk-mats-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(42,26,18,.8),rgba(42,26,18,.2),transparent);transition:background .3s}.kk-mats-card:hover .kk-mats-card__scrim{background:linear-gradient(to top,rgba(42,26,18,.9),rgba(42,26,18,.25),transparent)}.kk-mats-card__num{position:absolute;top:16px;left:16px;font-size:9px;font-weight:700;letter-spacing:.15em;color:rgba(var(--kk-ivory-rgb),.4)}.kk-mats-card__body{position:absolute;inset-inline:0;bottom:0;padding:16px 20px}.kk-mats-card__name{margin:0 0 4px;font-family:var(--kk-font-display);font-size:clamp(18px,2vw,24px);font-weight:700;color:var(--kk-ivory);transition:transform .3s}.kk-mats-card:hover .kk-mats-card__name{transform:translateY(-2px)}.kk-mats-card__desc{margin:0 0 12px;max-width:200px;font-size:12px;line-height:1.4;color:rgba(var(--kk-ivory-rgb),.65);opacity:0;transition:opacity .3s}.kk-mats-card:hover .kk-mats-card__desc{opacity:1}@media screen and (max-width:1023px){.kk-mats-card__desc{opacity:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.kk-mats-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--kk-ivory-rgb),.7);transition:color .3s}.kk-mats-card:hover .kk-mats-card__cta{color:var(--kk-terracotta)}.kk-mats-card__cta svg{transition:transform .3s}.kk-mats-card:hover .kk-mats-card__cta svg{transform:translate(4px)}.kk-mats-featured{background:var(--kk-warm-card);border-top:1px solid var(--kk-warm-border);font-family:var(--kk-font-sans)}.kk-mats-featured__grid{display:grid;gap:40px;padding:64px 0;align-items:center}@media screen and (min-width:1024px){.kk-mats-featured__grid{grid-template-columns:1fr 1fr;gap:64px;padding:96px 0}}.kk-mats-featured__media{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4 / 3;background:var(--kk-warm-muted)}.kk-mats-featured__media img{width:100%;height:100%;object-fit:cover;display:block}.kk-mats-featured__badge{position:absolute;top:16px;left:16px;padding:6px 12px;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--kk-brown);color:var(--kk-ivory);border-radius:var(--kk-radius-sm)}.kk-mats-featured__title{margin:0 0 20px;font-family:var(--kk-font-display);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1;color:var(--kk-brown)}.kk-mats-featured__body{margin:0 0 32px;max-width:24rem;font-size:16px;line-height:1.7;color:var(--kk-warm-fg)}.kk-mats-featured__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.kk-mats-featured__chips span{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid var(--kk-warm-border);border-radius:999px;background:var(--kk-ivory);color:var(--kk-brown)}.kk-mats-featured__actions{display:flex;flex-wrap:wrap;gap:12px}.kk-mats-products{padding:64px 0;background:var(--kk-ivory);border-top:1px solid var(--kk-warm-border);font-family:var(--kk-font-sans)}@media screen and (min-width:1024px){.kk-mats-products{padding:96px 0}}.kk-mats-products__header{margin-bottom:40px}.kk-mats-products__title{max-width:760px;margin:0;font-family:var(--kk-font-display);font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:700;color:var(--kk-brown)}.kk-mats-products__tabs{position:relative;display:flex;gap:4px;overflow-x:auto;margin-bottom:32px;padding-bottom:1px;scrollbar-width:none}.kk-mats-products__tabs::-webkit-scrollbar{display:none}.kk-mats-products__tab{flex-shrink:0;padding:10px 16px;border:1px solid transparent;border-radius:var(--kk-radius-sm);background:transparent;color:var(--kk-warm-fg);font-family:var(--kk-font-sans);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.kk-mats-products__tab:hover{color:var(--kk-brown);border-color:var(--kk-warm-border);background:var(--kk-warm-card)}.kk-mats-products__tab.is-active{color:var(--kk-ivory);border-color:var(--kk-brown);background:var(--kk-brown)}.kk-mats-products__tab:focus-visible{outline:2px solid var(--kk-terracotta);outline-offset:2px}.kk-mats-products__panel[hidden]{display:none}.kk-mats-products__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}@media screen and (min-width:640px){.kk-mats-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1024px){.kk-mats-products__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kk-mats-products__more{margin-top:32px;text-align:center}.kk-mats-products__more .kk-btn{display:inline-flex}.kk-mats-demo-card{min-width:0}.kk-mats-demo-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--kk-radius-sm);background:var(--kk-warm-card)}.kk-mats-demo-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--kk-ease)}.kk-mats-demo-card:hover .kk-mats-demo-card__media img{transform:scale(1.035)}.kk-mats-demo-card__badge{position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:var(--kk-radius-sm);background:var(--kk-brown);color:var(--kk-ivory);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kk-mats-demo-card__body{padding-top:12px}.kk-mats-demo-card__meta{margin:0 0 5px;font-size:10px;line-height:1.4;color:var(--kk-warm-fg)}.kk-mats-demo-card__name{margin:0 0 8px;font-family:var(--kk-font-display);font-size:16px;line-height:1.25;font-weight:700}.kk-mats-demo-card__name a{color:var(--kk-brown);text-decoration:none}.kk-mats-demo-card__name a:hover{color:var(--kk-terracotta)}.kk-mats-demo-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--kk-brown)}.kk-mats-demo-card__rating{font-size:11px;font-weight:500;color:var(--kk-warm-fg)}.kk-mats-sustain{background:var(--kk-warm-charcoal);padding:64px 0;font-family:var(--kk-font-sans)}@media screen and (min-width:1024px){.kk-mats-sustain{padding:80px 0}}.kk-mats-sustain__header{margin-bottom:48px}.kk-mats-sustain__title{margin:0;max-width:28rem;font-family:var(--kk-font-display);font-size:clamp(28px,3.5vw,36px);font-weight:700;color:var(--kk-ivory)}.kk-mats-sustain__grid{display:grid;gap:24px}@media screen and (min-width:768px){.kk-mats-sustain__grid{grid-template-columns:repeat(3,1fr)}}.kk-mats-sustain-card{padding:28px;border:1px solid rgba(var(--kk-ivory-rgb),.1);border-radius:12px;background:rgba(var(--kk-ivory-rgb),.05);transition:background .3s}.kk-mats-sustain-card:hover{background:rgba(var(--kk-ivory-rgb),.1)}.kk-mats-sustain-card__icon{margin-bottom:20px;font-family:var(--kk-font-display);font-size:24px;color:var(--kk-terracotta)}.kk-mats-sustain-card__title{margin:0 0 8px;font-family:var(--kk-font-display);font-size:18px;font-weight:700;color:var(--kk-ivory)}.kk-mats-sustain-card__desc{margin:0;font-size:14px;line-height:1.6;color:rgba(var(--kk-ivory-rgb),.55)}.kk-mats-faq{background:var(--kk-ivory);border-top:1px solid var(--kk-warm-border);padding:56px 0;font-family:var(--kk-font-sans)}@media screen and (min-width:1024px){.kk-mats-faq{padding:80px 0}}.kk-mats-faq__inner{max-width:820px;margin:0 auto}.kk-mats-faq__title{margin:0 0 32px;font-family:var(--kk-font-display);font-size:clamp(24px,3vw,30px);font-weight:700;color:var(--kk-brown)}@media(prefers-reduced-motion:reduce){.kk-mats-card img,.kk-mats-card__name,.kk-mats-card__desc,.kk-mats-card__cta,.kk-mats-card__cta svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kk-materials.css.map */