.kkn-page{--kkn-line:color-mix(in srgb,var(--color-primary) 18%,transparent)}.kkn-eyebrow{color:var(--color-earth-gold);font:600 .7rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.75rem;display:block}.kkn-hero{isolation:isolate;background:var(--color-deep-forest);color:#fff;position:relative;overflow:hidden}.kkn-hero-inner{padding-top:clamp(1.75rem,3.5vw,3rem)}.kkn-hero-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.kkn-hero-art span{background:#315b38;border-radius:50% 50% 0 0;height:73%;position:absolute;bottom:-42%;left:-12%;right:-12%;transform:rotate(4deg)}.kkn-hero-art span:nth-child(2){background:#4c754e;bottom:-49%;left:28%;transform:rotate(-8deg)}.kkn-hero-art span:nth-child(3){background:0 0;border:1px solid #ffffff38;border-radius:50%;width:clamp(9rem,20vw,17rem);height:clamp(9rem,20vw,17rem);top:12%;left:auto;right:7%}.kkn-hero-art i{background:#fff3;width:clamp(4rem,10vw,8rem);height:1px;position:absolute;top:22%;right:14%;transform:rotate(-35deg)}.kkn-breadcrumb ol{color:#ffffff94;gap:.65rem;margin:0 0 clamp(2rem,4vw,3.5rem);padding:0;font-size:.74rem;list-style:none;display:flex}.kkn-breadcrumb li+li:before{content:"/";margin-right:.65rem}.kkn-breadcrumb a:hover{color:var(--color-secondary)}.kkn-hero-grid{grid-template-columns:1.3fr .7fr;align-items:end;gap:clamp(2rem,6vw,5rem);padding-bottom:clamp(2.5rem,5vw,4rem);display:grid}.kkn-hero h1{color:#fff;letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(2.2rem,4.8vw,3.8rem);line-height:1.06}.kkn-hero-copy>p{color:#ffffffc7;margin:0;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.75}.kkn-hero-meta{color:#ffffff94;gap:.45rem;margin:1.2rem 0;font-size:.76rem;display:grid}.kkn-text-link{min-height:40px;color:var(--color-secondary);align-items:center;gap:.7rem;font-size:.78rem;font-weight:700;display:inline-flex}.kkn-index{border-top:1px solid #ffffff29;grid-template-columns:repeat(4,1fr);display:grid}.kkn-index a{color:#ffffff9e;align-items:center;min-height:50px;font-size:.73rem;font-weight:600;display:flex}.kkn-index a:hover{color:#fff}.kkn-source{color:var(--color-muted);margin:1.1rem 0 0;font-size:.68rem;line-height:1.6}.kkn-source span{color:var(--color-primary);text-transform:uppercase;font-weight:700}.kkn-source.is-light span{color:var(--color-secondary)}.kkn-story-grid,.kkn-section-intro,.kkn-sustain-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,10vw,9rem);display:grid}.kkn-story-grid h2,.kkn-team h2,.kkn-section-intro h2,.kkn-tech h2,.kkn-contribution-grid h2,.kkn-sustain h2,.kkn-closing h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.13}.kkn-prose>p,.kkn-section-intro>div>p{color:var(--color-muted);margin:0 0 1.4rem;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.85}.kkn-pillars{border-top:1px solid var(--kkn-line);grid-template-columns:repeat(3,1fr);margin:clamp(3.5rem,7vw,6rem) 0 0;padding:0;list-style:none;display:grid}.kkn-pillars li{padding:2rem clamp(1.2rem,3vw,2.5rem) 0 0}.kkn-pillars li+li{border-left:1px solid var(--kkn-line);padding-left:clamp(1.2rem,3vw,2.5rem)}.kkn-pillars span{color:var(--color-earth-gold);font-size:.7rem;font-weight:700}.kkn-pillars h3{margin:1rem 0 .6rem}.kkn-pillars p{color:var(--color-muted);line-height:1.75}.kkn-team{background:var(--color-earth-brown);color:#fff;padding:clamp(4rem,8vw,7rem) 0}.kkn-team-grid{grid-template-columns:1.15fr .85fr;gap:clamp(3rem,10vw,9rem);display:grid}.kkn-team h2{color:#fff}.kkn-team-grid>div>p{color:#ffffffad;line-height:1.85}.kkn-team dl{border-top:1px solid #ffffff2b;margin:0}.kkn-team dl div{border-bottom:1px solid #ffffff2b;grid-template-columns:.7fr 1.3fr;gap:1rem;padding:1.1rem 0;display:grid}.kkn-team dt{color:#ffffff73;text-transform:uppercase;font-size:.7rem}.kkn-team dd{color:#fff;margin:0;font-weight:600}.kkn-privacy-note{border-left:2px solid var(--color-secondary);background:#0000001a;gap:1rem;margin-top:2.5rem;padding:1rem 1.2rem;display:flex}.kkn-privacy-note strong{color:var(--color-secondary);text-transform:uppercase;font-size:.73rem}.kkn-privacy-note p{color:#ffffff94;margin:0;font-size:.8rem}.kkn-roadmap{margin:clamp(3rem,6vw,5rem) 0 0;padding:0;list-style:none}.kkn-roadmap li{grid-template-columns:6rem 1fr;gap:2rem;min-height:150px;display:grid}.kkn-roadmap-marker{position:relative}.kkn-roadmap-marker:after{content:"";background:var(--kkn-line);width:1px;position:absolute;top:3rem;bottom:0;left:1.35rem}.kkn-roadmap li:last-child .kkn-roadmap-marker:after{display:none}.kkn-roadmap-marker span{border:1px solid var(--color-border-strong);width:2.8rem;height:2.8rem;color:var(--color-muted);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.kkn-roadmap .is-completed .kkn-roadmap-marker span{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.kkn-roadmap .is-active .kkn-roadmap-marker span{border-color:var(--color-earth-gold);background:var(--color-soft-cream);color:var(--color-earth-gold)}.kkn-roadmap small,.kkn-contribution-grid ol small{color:var(--color-earth-gold);letter-spacing:.11em;text-transform:uppercase;font-size:.65rem;font-weight:700}.kkn-roadmap h3{margin:.45rem 0 .5rem;font-size:clamp(1.25rem,2vw,1.65rem)}.kkn-roadmap p{max-width:700px;color:var(--color-muted);margin:0;line-height:1.75}.kkn-tech{background:var(--color-deep-forest);color:#fff;padding:clamp(4rem,8vw,7rem) 0}.kkn-tech-heading{grid-template-columns:.9fr 1.1fr;gap:1rem 8rem;display:grid}.kkn-tech-heading>.kkn-eyebrow{grid-column:1/-1}.kkn-tech h2{color:#fff}.kkn-tech-heading>p{color:#ffffff9e;margin:0;line-height:1.8}.kkn-tech-heading .kkn-source{grid-column:2}.kkn-tech-list{border-top:1px solid #ffffff26;margin:3.5rem 0 0;padding:0;list-style:none}.kkn-tech-list li{border-bottom:1px solid #ffffff26;grid-template-columns:3rem .9fr 1.1fr auto;align-items:center;gap:1.5rem;padding:1.5rem 0;display:grid}.kkn-tech-list>li>span{color:var(--color-secondary);font-size:.66rem}.kkn-tech-list h3{color:#fff;margin:0}.kkn-tech-list p{color:#ffffff8c;margin:0;line-height:1.6}.kkn-contribution-grid{grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,10vw,9rem);display:grid}.kkn-contribution-heading>p{color:var(--color-muted);line-height:1.8}.kkn-contribution-grid ol{border-top:1px solid var(--kkn-line);margin:0;padding:0;list-style:none}.kkn-contribution-grid ol li{border-bottom:1px solid var(--kkn-line);grid-template-columns:3rem 1fr;gap:1.5rem;padding:1.7rem 0;display:grid}.kkn-contribution-grid ol>li>span{color:var(--color-earth-gold);font-size:.72rem;font-weight:700}.kkn-contribution-grid h3{margin:.35rem 0 .5rem}.kkn-contribution-grid ol p{color:var(--color-muted);margin:0;line-height:1.7}.kkn-sustain{background:var(--color-earth-brown);color:#fff;padding:clamp(4rem,8vw,7rem) 0}.kkn-sustain h2{color:#fff}.kkn-sustain .kkn-prose>p{color:#ffffffad}.kkn-sustain ul{grid-template-columns:1fr 1fr;gap:.75rem;margin:2rem 0;padding:0;list-style:none;display:grid}.kkn-sustain li{color:#fffc;border:1px solid #ffffff29;padding:1rem;font-size:.8rem}.kkn-sustain aside{border-left:2px solid var(--color-secondary);background:#0000001a;padding:1.2rem}.kkn-sustain aside strong{color:var(--color-secondary);text-transform:uppercase;font-size:.72rem}.kkn-sustain aside p{color:#ffffffa6;margin:.5rem 0 0;line-height:1.6}.kkn-closing{grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,10vw,9rem);display:grid}.kkn-closing aside{border-right:1px solid var(--kkn-line);padding-right:3rem}.kkn-closing aside h2{font-size:clamp(1.5rem,2.5vw,2rem)}.kkn-closing aside p{color:var(--color-muted);line-height:1.75}.kkn-closing aside small{color:var(--color-subtle)}.kkn-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}@media (max-width:850px){.kkn-hero-grid,.kkn-story-grid,.kkn-team-grid,.kkn-section-intro,.kkn-tech-heading,.kkn-contribution-grid,.kkn-sustain-grid,.kkn-closing{grid-template-columns:1fr}.kkn-index{grid-template-columns:1fr 1fr}.kkn-pillars{grid-template-columns:1fr}.kkn-pillars li,.kkn-pillars li+li{border-left:0;border-bottom:1px solid var(--kkn-line);padding:1.6rem 0}.kkn-tech-heading .kkn-source{grid-column:auto}.kkn-tech-list li{grid-template-columns:2.5rem 1fr auto}.kkn-tech-list li p{grid-column:2/-1}.kkn-closing aside{border-right:0;border-bottom:1px solid var(--kkn-line);padding:0 0 2rem}}@media (max-width:560px){.kkn-hero h1{font-size:2.65rem}.kkn-index a{min-height:52px}.kkn-team dl div{grid-template-columns:1fr}.kkn-privacy-note{display:block}.kkn-privacy-note p{margin-top:.5rem}.kkn-roadmap li{grid-template-columns:3.5rem 1fr;gap:1rem;min-height:175px}.kkn-tech-list li{grid-template-columns:2rem 1fr}.kkn-tech-list li>:last-child{grid-column:2;justify-self:start}.kkn-tech-list li p{grid-column:2}.kkn-sustain ul{grid-template-columns:1fr}.kkn-actions{align-items:stretch}.kkn-actions>a,.kkn-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.kkn-page *{scroll-behavior:auto!important;transition:none!important}}.kkn-hero,.kkn-team,.kkn-tech,.kkn-sustain{color:#ffffffe6}.kkn-hero-copy>p,.kkn-team-grid>div>p,.kkn-privacy-note p,.kkn-tech-heading>p,.kkn-tech-list p,.kkn-sustain .kkn-prose>p,.kkn-sustain aside p{color:#ffffffc7}.kkn-breadcrumb ol,.kkn-index a,.kkn-hero-meta,.kkn-team dt,.kkn-tech-list p{color:#ffffffb8}.kkn-source.is-light{color:#ffffffa3}.kkn-channel-note,.kkn-sustain li{color:#ffffffd6}.kkn-index{grid-template-columns:repeat(5,1fr)}.kkn-program-heading{grid-template-columns:.9fr 1.1fr;align-items:end;gap:clamp(2rem,7vw,6rem);margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.kkn-program-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.13}.kkn-program-heading p{color:var(--color-muted);margin:0;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.8}.kkn-program-list{gap:1.25rem;display:grid}.kkn-program-card{border:1px solid var(--kkn-line);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--transition-slow),box-shadow var(--transition-slow),transform var(--transition-slow);overflow:hidden}.kkn-program-card:hover,.kkn-program-card.is-open{border-color:color-mix(in srgb,var(--color-primary) 34%,transparent);box-shadow:var(--shadow-elevated)}.kkn-program-card-main{grid-template-columns:minmax(18rem,.72fr) 1fr;align-items:stretch;gap:clamp(1.25rem,4vw,2.5rem);padding:clamp(.9rem,2vw,1.2rem);display:grid}.kkn-program-media{border-radius:calc(var(--radius-2xl) - 8px);background:linear-gradient(135deg,var(--color-soft-green),var(--color-soft-cream));min-height:260px;position:relative;overflow:hidden}.kkn-program-media img{object-fit:cover}.kkn-program-media img,.kkn-program-gallery-item img{transition:transform var(--transition-slow),filter var(--transition-slow)}.kkn-program-card:hover .kkn-program-media img{transform:scale(1.035)}.kkn-program-summary{flex-direction:column;justify-content:center;min-width:0;padding:clamp(.7rem,2vw,1.4rem);display:flex}.kkn-program-card-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.kkn-program-card-topline>span{color:var(--color-earth-gold);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800}.kkn-program-summary h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.8vw,2.3rem)}.kkn-program-summary p{max-width:680px;color:var(--color-muted);margin:1rem 0 1.5rem;line-height:1.75}.kkn-program-toggle{align-self:flex-start}.kkn-program-detail-wrap{grid-template-rows:0fr;transition:grid-template-rows .26s;display:grid}.kkn-program-card.is-open .kkn-program-detail-wrap{grid-template-rows:1fr}.kkn-program-detail-wrap[aria-hidden=true]{visibility:hidden}.kkn-program-card.is-open .kkn-program-detail-wrap{visibility:visible}.kkn-program-detail{min-height:0;overflow:hidden}.kkn-program-detail>section,.kkn-program-meta-list,.kkn-program-close{margin-inline:clamp(1.2rem,4vw,2.4rem)}.kkn-program-detail>section{border-top:1px solid var(--kkn-line);padding:clamp(1.4rem,3vw,2rem) 0}.kkn-program-detail h4{color:var(--color-earth-gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem;font-size:.72rem;font-weight:800}.kkn-program-detail p{color:var(--color-muted);margin:0;line-height:1.8}.kkn-program-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.kkn-program-gallery-item{min-width:0;margin:0}.kkn-program-gallery-item a,.kkn-program-gallery-item>.kkn-program-image-fallback{border-radius:var(--radius-xl);background:var(--color-soft-green);display:block;position:relative;overflow:hidden}.kkn-program-gallery-item a{aspect-ratio:16/9}.kkn-program-gallery-item.is-portrait a{aspect-ratio:9/16;max-width:260px;margin-inline:auto}.kkn-program-gallery-item img{object-fit:contain}.kkn-program-gallery-item a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.kkn-program-gallery-item a:hover img{filter:saturate(1.08);transform:scale(1.025)}.kkn-program-gallery-item figcaption{color:var(--color-muted);margin-top:.55rem;font-size:.78rem;line-height:1.55}.kkn-program-image-fallback{width:100%;height:100%;min-height:210px;color:var(--color-primary);letter-spacing:.14em;text-align:center;text-transform:uppercase;background:radial-gradient(circle at 20% 20%,#66b06a33,transparent 34%),linear-gradient(135deg,var(--color-soft-green),var(--color-soft-cream));place-items:center;padding:1rem;font-size:.72rem;font-weight:800;display:grid}.kkn-program-empty-docs,.kkn-program-state,.kkn-program-note{border:1px dashed color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:var(--radius-xl);background:var(--color-soft-green);color:var(--color-primary);font-weight:600}.kkn-program-empty-docs{padding:1rem}.kkn-program-state{padding:1.25rem}.kkn-program-note{margin:1rem 0 0;padding:1rem}.kkn-program-meta-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 0 clamp(1.4rem,3vw,2rem);display:grid}.kkn-program-meta-list div{border:1px solid var(--kkn-line);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-soft-green) 48%,#fff);padding:1rem}.kkn-program-meta-list dt{color:var(--color-earth-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.kkn-program-meta-list dd{color:var(--color-main-text);margin:.4rem 0 0;font-weight:700}.kkn-program-close{margin-bottom:clamp(1.2rem,3vw,2rem)}@media (max-width:850px){.kkn-index{grid-template-columns:1fr 1fr}.kkn-program-heading,.kkn-program-card-main{grid-template-columns:1fr}.kkn-program-media{min-height:240px}.kkn-program-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.kkn-program-meta-list{grid-template-columns:1fr}}@media (max-width:560px){.kkn-program-card-main{padding:.75rem}.kkn-program-media{min-height:210px}.kkn-program-summary{padding:.7rem .35rem}.kkn-program-gallery{grid-template-columns:1fr}.kkn-program-gallery-item a,.kkn-program-gallery-item>.kkn-program-image-fallback{min-height:220px}.kkn-program-toggle,.kkn-program-close{width:100%}}.catatan-intro{grid-template-columns:.9fr 1.1fr;align-items:end;gap:clamp(2rem,7vw,6rem);margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.catatan-eyebrow{color:var(--color-earth-gold);font:600 .7rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.75rem;display:block}.catatan-heading{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.13}.catatan-desc{color:var(--color-muted);margin:0 0 1rem;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.8}.catatan-dump{flex-direction:column;gap:clamp(3rem,6vw,5rem);display:flex}.catatan-grid-hero,.catatan-grid-bottom{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.catatan-side-pair{grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem);display:grid}.catatan-grid-middle{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.catatan-item{flex-direction:column;margin:0;display:flex}.catatan-img-wrap{border-radius:var(--radius-xl);background:var(--color-light-gray);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.catatan-item--wide .catatan-img-wrap,.catatan-item--landscape .catatan-img-wrap{aspect-ratio:16/9}.catatan-grid-middle .catatan-item--landscape .catatan-img-wrap,.catatan-item--portrait .catatan-img-wrap{aspect-ratio:9/16}.catatan-img-wrap img{transition:transform .4s,filter .4s}.catatan-item:hover .catatan-img-wrap img{filter:brightness(1.03);transform:scale(1.02)}.catatan-item figcaption{color:var(--color-muted);margin-top:.65rem;font-size:.78rem;font-style:italic;line-height:1.55}.catatan-quote{text-align:center;border-top:1px solid var(--kkn-line);border-bottom:1px solid var(--kkn-line);margin:.5rem 0;padding:clamp(2rem,4vw,3.5rem) 0}.catatan-quote-text{max-width:720px;color:var(--color-dark-charcoal);font-family:var(--font-heading);letter-spacing:-.02em;margin:0 auto;font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:500;line-height:1.45}.catatan-closing{text-align:center;border-top:1px solid var(--kkn-line);padding-top:clamp(2.5rem,5vw,4rem)}.catatan-closing-tag{color:var(--color-earth-gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:block}.catatan-closing-msg{max-width:600px;color:var(--color-muted);margin:0 auto;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7}@media (max-width:850px){.catatan-intro{grid-template-columns:1fr;gap:1rem}.catatan-grid-hero,.catatan-grid-bottom,.catatan-grid-middle{grid-template-columns:1fr;gap:1.5rem}.catatan-side-pair{grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width:560px){.catatan-side-pair{grid-template-columns:1fr}.catatan-item--portrait .catatan-img-wrap{aspect-ratio:4/5}}