.kkn{--kk-kertas:#FAF9F5;--kk-kartu:#F5F4ED;--kk-garis:#D1CFC5;--kk-garis-kuat:#C2C0B6;--kk-kisi:rgba(176,174,165,.26);--kk-teks:#30302E;--kk-judul:#141413;--kk-redup:#5E5D59;--kk-samar:#87867F;--kk-abu:#D4D1C5;--kk-tinta:#5A5B66;--kk-sisa:#6FA39B;--kk-sisa-teks:#235852;--kk-bata:#DB8B62;--kk-bata-teks:#A24E28;--kk-kardus:#CDB995;--kk-dur:.6s;--kk-ease:cubic-bezier(.4,0,.2,1);--kk-atas:var(--header-height, 0px);position:relative;background:var(--kk-kertas);color:var(--kk-teks);font-size:17px;line-height:1.6}.kkn *{box-sizing:border-box}.kk-wrap{position:relative;max-width:1160px;margin:0 auto;padding:0 16px}.kkn h1,.kkn h2,.kkn h3,.kkn h4{font-family:var(--gk-display,"Space Grotesk",sans-serif);color:var(--kk-judul);line-height:1.2;margin:0 0 .45em;font-weight:700}.kkn h1{font-size:clamp(28px,5.2vw,48px);letter-spacing:-.02em}.kkn h2{font-size:clamp(21px,2.6vw,26px)}.kkn h3{font-size:19px}.kkn p{margin:0 0 .9em}.kkn p:last-child{margin-bottom:0}.kkn strong{color:var(--kk-judul);font-weight:700}.kk-eyebrow,.kk-pen,.kk-eb{font-family:var(--gk-display,"Space Grotesk",sans-serif);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kk-samar);margin:0 0 12px;display:block}.kk-src{font-size:12.5px;line-height:1.45;color:var(--kk-samar);margin-top:12px}.kk-btn{display:inline-block;text-align:center;text-decoration:none;padding:13px 24px;min-height:46px;border-radius:999px;background:var(--kk-judul);color:var(--kk-kertas);font:600 15px/1.2 var(--gk-display,"Space Grotesk",sans-serif)}.kk-btn:hover{background:#2a2a28}.kk-wash{-webkit-mask-image:var(--kk-cat-1);mask-image:var(--kk-cat-1);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.kk-ph{display:grid;place-items:center;text-align:center;padding:6px;border:1.5px dashed var(--kk-garis-kuat);border-radius:10px;background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(176,174,165,.2) 6px 7px);color:var(--kk-samar);font-size:10px;line-height:1.3}.kk-ph{overflow:hidden}.kk-ph span{overflow-wrap:anywhere}.kkn .has-img{display:block;background-image:var(--im);background-repeat:no-repeat;background-size:contain;background-position:bottom center}.kkn .kk-av.has-img{display:grid;background-size:cover;background-position:50% 8%}.kk-hero{padding:40px 0 28px}.kk-hero-grid{display:grid;gap:20px;grid-template-areas:"head" "art" "body"}.kk-hero-head{grid-area:head;margin-bottom:6px}.kk-hero-art{grid-area:art}.kk-hero-body{grid-area:body}.kk-lead{font-size:clamp(17px,2vw,20px);color:var(--kk-redup)}.kk-note{margin-top:16px;padding:14px 16px;border-radius:10px;font-size:15px;background:var(--kk-kartu);border:1px solid var(--kk-garis);color:var(--kk-teks)}.kk-intinya{margin-top:14px;border:1px solid var(--kk-garis);border-radius:10px;background:var(--kk-kertas)}.kk-intinya summary{cursor:pointer;padding:12px 16px;font:600 14.5px/1.3 var(--gk-display,sans-serif);color:var(--kk-judul)}.kk-intinya ol{margin:0;padding:0 16px 14px 36px;font-size:15px;display:grid;gap:8px}.kk-intinya li::marker{color:var(--kk-sisa-teks);font-weight:700}.kk-cta-strip{margin-top:18px;padding:18px 0;display:grid;gap:14px;align-items:center;border-top:1px solid var(--kk-judul);border-bottom:1px solid var(--kk-garis)}.kk-cta-strip .kk-cta-h{font:700 19px/1.2 var(--gk-display,sans-serif);color:var(--kk-judul);margin:0 0 4px}.kk-cta-strip p{font-size:14.5px;color:var(--kk-redup);margin:0}.kk-cta-strip .kk-eb{margin-bottom:6px}.kk-prod{margin-top:16px;padding:10px 14px;font-size:13px;line-height:1.45;border-radius:8px;border:1.5px dashed var(--kk-bata);color:var(--kk-bata-teks);background:#db8b6214}@media(min-width:1100px){.kk-hero{padding:64px 0 48px}.kk-hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"head art" "body art";align-items:start;column-gap:56px;row-gap:0}.kk-hero-art{align-self:center}.kk-cta-strip{grid-template-columns:1fr auto}}.kk-board{position:relative;isolation:isolate;padding:7% 11% 6%;font-size:clamp(11px,3.3vw,17px);color:#f1e7c9}.kk-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#363b4e;-webkit-mask-image:var(--kk-cat-3);mask-image:var(--kk-cat-3);-webkit-mask-size:100% 100%;mask-size:100% 100%}.kk-board-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 .62em/1 var(--gk-display,sans-serif);letter-spacing:.18em;opacity:.8;margin:2px 4px 10px}.kk-brow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px}.kk-fw{display:flex;gap:2px}.fl{position:relative;display:block;width:1.15em;height:1.55em;line-height:1.55em;text-align:center;font:700 1em/1.55 var(--gk-display,"Space Grotesk",sans-serif);font-style:normal;background:#ffffff14;border-radius:2px}.fl:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.35)}.fl.flip{animation:kk-flip .34s ease-in}@keyframes kk-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.kk-gate{font:700 .8em/1 var(--gk-display,sans-serif);letter-spacing:.06em;color:#cfe3df;padding-right:4px}.kk-hero-chars{display:flex;gap:8px;align-items:flex-start;position:relative;z-index:2;margin:-10px 6px 0}.kk-hc{margin:0;text-align:center;flex:1 1 0}.kk-hc-img{aspect-ratio:2/3;width:100%}.kk-hc figcaption{font-size:12px;line-height:1.3;color:var(--kk-redup);margin-top:6px}.kk-story{position:relative}.kk-figure{position:relative;padding:20px 16px;background-color:var(--kk-kertas);background-image:linear-gradient(to right,var(--kk-kisi) 1px,transparent 1px),linear-gradient(to bottom,var(--kk-kisi) 1px,transparent 1px);background-size:44px 44px}.kk-stage{position:relative;margin:0 auto;max-width:640px;display:flex;flex-direction:column}.kk-scenes{position:relative;flex:1;min-height:0}.kkn-js .kk-figure{position:sticky;top:var(--kk-atas);padding:0}.kk-step{margin:0 0 20px}.kkn-js .kk-step{margin:0}.kk-steps{position:relative;padding:8px 16px 40px}.kk-card{max-width:460px;margin:0 auto;background:var(--kk-kartu);border:1px solid var(--kk-garis-kuat);border-radius:10px;box-shadow:0 10px 30px -12px #1414132e;padding:16px 18px 18px;font-size:15.5px;line-height:1.6}.kk-card h2{font-size:18px;margin-bottom:.5em}.kk-cta{background:#fffdf9;border-color:var(--kk-judul)}.kk-cta p{font-size:14.5px;color:var(--kk-redup)}.kk-cta .kk-btn{margin-top:6px}@media(max-width:1099px){.kkn-js .kk-figure{height:calc(100vh - var(--kk-atas));height:calc(100svh - var(--kk-atas));z-index:1}.kkn-js .kk-stage{position:absolute;top:12px;right:14px;bottom:16px;left:14px;max-width:none;margin:0}.kkn-js .kk-steps{z-index:2;padding:0 16px;pointer-events:none;margin-top:calc(-100vh + var(--kk-atas));margin-top:calc(-100svh + var(--kk-atas))}.kkn-js .kk-step{padding-top:120vh;padding-top:120svh}.kkn-js .kk-step:first-child{padding-top:55vh;padding-top:55svh}.kkn-js .kk-step:last-child{padding-bottom:100vh;padding-bottom:100svh}.kkn-js .kk-card{pointer-events:auto}}@media(min-width:1100px){.kkn-js .kk-figure{height:calc(100vh - var(--kk-atas));z-index:1}.kkn-js .kk-stage{position:absolute;top:24px;right:24px;bottom:24px;left:46%;max-width:none;margin:0}.kk-steps{z-index:2;max-width:1160px;margin-left:auto;margin-right:auto}.kkn-js .kk-steps{margin-top:calc(-100vh + var(--kk-atas));padding:0 24px;pointer-events:none}.kkn-js .kk-step{min-height:115vh;display:flex;align-items:center}.kkn-js .kk-step:first-child{padding-top:20vh}.kkn-js .kk-step:last-child{min-height:130vh}.kkn-js .kk-card{pointer-events:auto;margin:0;max-width:420px;width:100%}}.kk-layer{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 0 22px;border-bottom:1px dashed var(--kk-garis)}.kkn-js .kk-layer{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;opacity:0;visibility:hidden;transition:opacity .28s var(--kk-ease),visibility 0s linear .28s}.kkn-js .kk-layer.is-on{opacity:1;visibility:visible;transition:opacity .38s var(--kk-ease) .26s,visibility 0s linear .26s}.kk-vh{font:700 11.5px/1.3 var(--gk-display,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--kk-samar);margin:0}.kk-hd{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex:none}.kk-hd-t{min-width:0;display:grid;gap:6px}.kk-pose{flex:none;width:44px;height:66px}.kk-pose.kk-ph{font-size:7px;padding:2px}.kk-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--kk-redup);margin:0;flex:none}.kk-leg span{display:inline-flex;align-items:center;gap:6px}.sw{display:inline-block;width:12px;height:12px;border-radius:3px}.sw.sisa{background:var(--kk-sisa)}.sw.kurang{background:var(--kk-bata)}.sw.abu{background:var(--kk-abu)}.kk-note2,.kk-layer .kk-note{font-size:12px;line-height:1.4;color:var(--kk-redup);margin:0;background:none;border:0;padding:0}.kk-sk{margin:0;font-size:12.5px;line-height:1.35;color:var(--kk-redup);min-height:34px;position:relative}.kk-sk span{display:none}.kk-l-toples[data-state="0"] .kk-sk .s-0,.kk-l-toples[data-state="1"] .kk-sk .s-l,.kk-l-toples[data-state="2"] .kk-sk .s-i,.kk-l-toples[data-state="3"] .kk-sk .s-n{display:block}.kk-who{display:flex;align-items:center;gap:8px;height:44px;flex:none;margin-bottom:8px}.kk-av{position:relative;flex:none;width:40px;height:40px;border-radius:50%;opacity:.4;display:grid;place-items:center;background-size:cover;background-position:50% 8%;background-repeat:no-repeat;transition:opacity .35s var(--kk-ease),transform .35s var(--kk-ease)}.kk-av:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--kk-abu);z-index:0}.kk-av.has-img:before{display:none}.kk-av b{position:relative;z-index:1;font:700 11px/1 var(--gk-display,sans-serif);color:var(--kk-redup)}.kk-av.has-img b{display:none}.kk-who[data-aktif~=dimas] .kk-av[data-tokoh=dimas],.kk-who[data-aktif~=pasangan] .kk-av[data-tokoh=pasangan],.kk-who[data-aktif~=keluarga] .kk-av[data-tokoh=keluarga]{opacity:1;transform:scale(1.1)}.kk-who-cap{position:relative;flex:1;min-width:0;height:40px;font-size:12px;line-height:1.25;color:var(--kk-redup)}.kk-who-cap span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s var(--kk-ease)}.kk-who[data-aktif=dimas] .kk-who-cap [data-t=dimas],.kk-who[data-aktif=pasangan] .kk-who-cap [data-t=pasangan],.kk-who[data-aktif=keluarga] .kk-who-cap [data-t=keluarga]{opacity:1}.kk-jars{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;align-content:space-evenly}.kk-jar{display:flex;flex-direction:column;align-items:center;min-width:0;--v:0}.kk-l-toples[data-state="1"] .kk-jar{--v:var(--l)}.kk-l-toples[data-state="2"] .kk-jar{--v:var(--i)}.kk-l-toples[data-state="3"] .kk-jar{--v:var(--n)}.kk-jar-box{position:relative;display:block;width:62%;height:var(--jh,66px);border:1.5px solid var(--kk-garis-kuat);border-radius:3px 3px 12px 12px;background:#faf9f5bf}.kk-jar-box i{position:absolute;left:0;right:0;bottom:0;height:100%;display:block;background:var(--kk-sisa);-webkit-mask-image:var(--kk-cat-2);mask-image:var(--kk-cat-2);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform-origin:bottom center;transform:scaleY(min(1,calc(max(var(--v),0)/80)));transition:transform var(--kk-dur) var(--kk-ease)}.kk-jar:nth-child(4n+2) i{transition-delay:.06s}.kk-jar:nth-child(4n+3) i{transition-delay:.12s}.kk-jar:nth-child(4n) i{transition-delay:.18s}.kk-jar-name{margin-top:5px;font:600 12px/1.2 var(--gk-display,sans-serif);color:var(--kk-judul);max-width:100%;text-align:center}.kk-jar-val{display:block;min-height:32px;text-align:center;font:700 12px/1.25 var(--gk-display,sans-serif);color:var(--kk-sisa-teks)}.kk-jar-val span{display:none}.kk-jar-val small{display:block;font:400 10.5px/1.2 var(--gk-sans,sans-serif);color:var(--kk-samar)}.kk-jar-val .neg{color:var(--kk-bata-teks)}.kk-jar-val .na{color:var(--kk-samar);font-weight:500}.kk-l-toples[data-state="1"] .kk-jar-val .s-l,.kk-l-toples[data-state="2"] .kk-jar-val .s-i,.kk-l-toples[data-state="3"] .kk-jar-val .s-n{display:block}.kk-crowds{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}.kk-crowd{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) var(--dw,76px);grid-template-rows:auto 1fr;column-gap:14px;align-items:start}.kk-crowd h4{font-size:15px;margin:0 0 4px;grid-column:1;grid-row:1;align-self:end}.kk-crowd .kk-dots{grid-column:2;grid-row:1 / span 2}.kk-crowd .kk-cn{grid-column:1;grid-row:2;margin:0}.kk-study .kk-crowd{display:block}.kk-study .kk-crowd .kk-dots{margin-bottom:6px}.kk-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.kk-dots i{display:block;aspect-ratio:1;border-radius:50%;background:var(--kk-abu);transition:background-color .6s var(--kk-ease)}.kk-dots i:nth-child(10n+2){transition-delay:.05s}.kk-dots i:nth-child(10n+3){transition-delay:.1s}.kk-dots i:nth-child(10n+4){transition-delay:.15s}.kk-dots i:nth-child(10n+5){transition-delay:.2s}.kk-dots i:nth-child(10n+6){transition-delay:.25s}.kk-dots i:nth-child(10n+7){transition-delay:.3s}.kk-dots i:nth-child(10n+8){transition-delay:.35s}.kk-dots i:nth-child(10n+9){transition-delay:.4s}.kk-dots i:nth-child(10n){transition-delay:.45s}.kk-cn{font-size:12.5px;line-height:1.35;color:var(--kk-redup);margin:6px 0 0}.kk-cn b{display:block;font:700 16px/1.1 var(--gk-display,sans-serif);color:var(--kk-judul)}.kk-l-kerumunan:is([data-state="1"],[data-state="2"],[data-state="3"]) .c-me .k-dom,.kk-l-kerumunan:is([data-state="2"],[data-state="3"]) :is(.c-jp,.c-hk) .k-dom,.kk-l-kardus[data-state="2"] .kk-study .k-dom{background:var(--kk-bata)}.kk-l-kerumunan:is([data-state="2"],[data-state="3"]) .c-jp .k-pro{background:var(--kk-sisa)}.kk-alert{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.kk-alert p{margin:0;padding:6px 9px;border:1.5px dashed var(--kk-bata);border-radius:8px;background:#db8b6217;font-size:12px;line-height:1.3;color:var(--kk-teks);opacity:0;transform:translateY(10px);transition:opacity .5s var(--kk-ease) .35s,transform .5s var(--kk-ease) .35s}.kk-alert b{display:block;font:700 20px/1.1 var(--gk-display,sans-serif);color:var(--kk-bata-teks)}.kk-alert small{display:block;color:var(--kk-redup);font-size:11px}.kk-l-kerumunan[data-state="3"] .kk-alert p{opacity:1;transform:none}.kk-l-kerumunan[data-state="3"] .kk-crowd{opacity:.55}.kk-crowd{transition:opacity .5s var(--kk-ease)}.kk-tgl{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:end}.kk-col{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.kk-col-bar{position:relative;display:block;width:68%;height:var(--th,215px);border-bottom:1.5px solid var(--kk-garis-kuat)}.kk-col-bar i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--kk-tinta);transform-origin:bottom center;transform:scaleY(var(--a));border-radius:3px 3px 0 0;opacity:.88;transition:transform 1s var(--kk-ease)}.kk-col-bar:after{content:"";position:absolute;left:-8%;right:-8%;bottom:calc(var(--a) * 100%);border-top:1.5px dashed var(--kk-bata)}.kk-l-tangga[data-state="1"] .kk-col-bar i{transform:scaleY(var(--b))}.kk-col:nth-child(2) i{transition-delay:.12s}.kk-col:nth-child(3) i{transition-delay:.24s}.kk-col:nth-child(4) i{transition-delay:.36s}.kk-col:nth-child(5) i{transition-delay:.48s}.kk-col-n{margin-top:6px;font:700 11.5px/1.2 var(--gk-display,sans-serif);color:var(--kk-judul)}.kk-col small{font-size:10px;line-height:1.2;color:var(--kk-samar)}.kk-col small.j{color:var(--kk-redup);margin-top:1px}.kk-col-v{display:block;min-height:26px;margin-top:2px;font:700 10px/1.25 var(--gk-display,sans-serif);color:var(--kk-tinta)}.kk-col-v span{display:none}.kk-l-tangga[data-state="0"] .kk-col-v .s-0{display:block}.kk-l-tangga[data-state="1"] .kk-col-v .s-1{display:block;color:var(--kk-bata-teks)}.kk-l-timbangan{--t:0;--dy:12px}.kk-l-timbangan[data-state="1"]{--t:-1}.kk-l-timbangan[data-state="2"]{--t:-1.4}.kk-l-timbangan[data-state="3"]{--t:.9}.kk-l-timbangan[data-state="4"]{--t:.25}.kk-tmb{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:34px;align-content:start}.kk-beam{position:absolute;left:4%;right:4%;top:14px;height:6px}.kk-beam-bar{position:absolute;left:0;right:0;top:0;height:6px;background:var(--kk-tinta);transform-origin:center;transform:rotate(calc(var(--t) * 6deg));transition:transform 1s var(--kk-ease);-webkit-mask-image:var(--kk-sapuan);mask-image:var(--kk-sapuan);-webkit-mask-size:100% 100%;mask-size:100% 100%}.kk-fulcrum{position:absolute;left:50%;top:14px;width:16px;height:28px;margin-left:-8px;background:var(--kk-tinta);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:0}.kk-pan{position:relative;z-index:1;min-height:196px;padding:12px 12px 14px;border-radius:10px;background:var(--kk-kertas);border:1px solid var(--kk-garis-kuat);transition:transform 1s var(--kk-ease);min-width:0}.kk-pan.l{transform:translateY(calc(var(--t) * var(--dy) * -1))}.kk-pan.r{transform:translateY(calc(var(--t) * var(--dy)));display:grid;align-content:start}.kk-pan h4{font-size:13px;margin:0 0 8px}.kk-pan ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kk-pan li{font-size:12px;line-height:1.3;padding:6px 8px;border-radius:6px;border:1.5px solid var(--kk-sisa);background:#23585229;opacity:0;transform:translateY(6px);transition:opacity .5s var(--kk-ease),transform .5s var(--kk-ease)}.kk-l-timbangan:not([data-state="0"]) .kk-pan li.c1,.kk-l-timbangan:not([data-state="0"]) .kk-pan li.c2,.kk-l-timbangan:not([data-state="0"]) .kk-pan li.c3,.kk-l-timbangan[data-state="4"] .kk-pan li.c4{opacity:1;transform:none}.kk-pan li.c2{transition-delay:.12s}.kk-pan li.c3{transition-delay:.24s}.kk-pan.r h4,.kk-pan.r>*{grid-column:1}.kk-roles,.kk-pan .hol,.kk-pan .big{grid-row:2;opacity:0;transition:opacity .5s var(--kk-ease)}.kk-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-self:start;margin-bottom:8px}.kk-roles i{aspect-ratio:1;border:1.5px dashed var(--kk-bata);border-radius:3px}.kk-pan .hol{grid-row:3;font-size:11.5px;line-height:1.3;margin:0}.kk-pan .hol b,.kk-pan .big b{display:block;font:700 26px/1.1 var(--gk-display,sans-serif)}.kk-pan .hol b{color:var(--kk-bata-teks)}.kk-pan .big{grid-row:2 / span 2;font-size:12px;line-height:1.3;margin:0}.kk-pan .big b{color:var(--kk-sisa-teks);font-size:30px}.kk-l-timbangan[data-state="2"] .kk-roles,.kk-l-timbangan[data-state="2"] .kk-pan .hol,.kk-l-timbangan:is([data-state="3"],[data-state="4"]) .kk-pan .big{opacity:1}.kk-struk{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.kk-slip{position:relative;padding:12px 14px 14px;background:#fffefa;border:1px solid var(--kk-garis-kuat);box-shadow:0 8px 20px -12px #14141340}.kk-slip:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-7px;height:8px;background:linear-gradient(135deg,#FFFEFA 50%,transparent 50%) 0 0/12px 8px,linear-gradient(225deg,#FFFEFA 50%,transparent 50%) 0 0/12px 8px}.kk-slip-h{font:700 11px/1 var(--gk-display,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--kk-samar);text-align:center;margin:0 0 10px}.kk-rows{list-style:none;margin:0;padding:0;display:grid;gap:7px}.kk-rows .r{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-bottom:6px;border-bottom:1px dotted var(--kk-garis-kuat);font-size:12.5px;line-height:1.35;opacity:0;transform:translateY(-8px);transition:opacity .45s var(--kk-ease),transform .45s var(--kk-ease),background-color .4s;transition-delay:calc(var(--n) * .2s)}.kk-rows .r b{font:700 12.5px/1.3 var(--gk-display,sans-serif);color:var(--kk-bata-teks);text-align:right;max-width:46%}.kk-l-struk:not([data-state="0"]) .kk-rows .r{opacity:1;transform:none}.kk-l-struk[data-state="2"] .kk-rows .r:nth-child(2){background:#db8b622e}.kk-l-struk[data-state="4"] .kk-rows .r.kx{transform:translate(26px);opacity:.4;text-decoration:line-through;transition-delay:0s}.kk-slip .tot{display:grid;grid-template-columns:1fr auto;gap:0 10px;margin:12px 0 0;padding-top:8px;border-top:2px solid var(--kk-judul);font-size:13px;font-weight:700}.kk-slip .tot span{grid-row:1;grid-column:1}.kk-slip .tot b{grid-row:1;grid-column:2;font:700 13px/1.3 var(--gk-display,sans-serif);text-align:right;transition:opacity .4s var(--kk-ease)}.kk-slip .tot .t-b{opacity:0;color:var(--kk-bata-teks)}.kk-l-struk[data-state="4"] .tot .t-a{opacity:0}.kk-l-struk[data-state="4"] .tot .t-b{opacity:1}.kk-tag{margin:0;font-size:11.5px;color:var(--kk-samar);text-align:right;opacity:0;transition:opacity .4s var(--kk-ease) .3s}.kk-l-struk[data-state="4"] .kk-tag{opacity:1}.kk-multi{list-style:none;margin:0;padding:0;display:grid;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--kk-ease),transform .5s var(--kk-ease)}.kk-l-struk:is([data-state="3"],[data-state="4"]) .kk-multi{opacity:1;transform:none}.kk-multi li{display:grid;grid-template-columns:1fr auto;gap:1px 10px;padding:6px 10px;border:1px solid var(--kk-garis);border-radius:6px;background:var(--kk-kertas);font-size:12px;line-height:1.3}.kk-multi li b{font:700 12px/1.3 var(--gk-display,sans-serif);color:var(--kk-bata-teks)}.kk-multi li small{grid-column:1 / -1;font-size:11px;color:var(--kk-samar)}.kk-multi li.anak{border-style:dashed;border-color:var(--kk-bata)}.kk-cal{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:14px}.kk-cal-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.3}.kk-cal-h .tiba{display:inline-flex;align-items:center;gap:4px}.kk-cal-h .tiba i{display:block;width:14px;height:14px;border:1.5px dashed var(--kk-bata);border-radius:3px}.kk-cal-h .tiba i:last-of-type{margin-right:4px}.kk-cal-h .mulai{font-weight:700;padding:4px 10px;border:1.5px solid var(--kk-tinta);border-radius:999px;white-space:nowrap}.kk-cal-g{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.kk-cal-g .dy{display:block;aspect-ratio:1;border-radius:3px;border:1.5px solid var(--kk-garis-kuat);background:transparent;transition:background-color .35s var(--kk-ease),border-color .35s var(--kk-ease);transition-delay:calc(var(--n) * 32ms)}.kk-l-kalender[data-state="1"] .kk-cal-g .dy{background:#db8b628c;border-color:var(--kk-bata)}.kk-cal-n{margin:0;font-size:12px;color:var(--kk-redup)}.kk-pay{display:grid;place-items:center;min-height:58px;border:2px dashed var(--kk-sisa);border-radius:10px;font:700 15px/1 var(--gk-display,sans-serif);color:var(--kk-sisa-teks);background:transparent;opacity:.5;transition:opacity .5s var(--kk-ease) 1.1s,background-color .5s var(--kk-ease) 1.1s}.kk-l-kalender[data-state="1"] .kk-pay{opacity:1;background:#23585247}.kk-big{display:grid;gap:4px;margin:6px 0 12px}.kk-big b{font:700 clamp(40px,12vw,68px)/1 var(--gk-display,sans-serif);color:var(--kk-judul)}.kk-big span{font-size:13.5px;color:var(--kk-redup)}.kk-bars{display:grid;gap:16px}.kk-l-sistem .kk-big{margin-top:auto}.kk-l-sistem .kk-bars{margin-bottom:auto}.kk-l-sistem .kk-b i{height:24px}.kk-b{display:grid;gap:4px}.kk-b span{font-size:12.5px;line-height:1.3}.kk-b i{display:block;height:16px;width:var(--w,100%);background:var(--kk-abu);transform-origin:left center;-webkit-mask-image:var(--kk-sapuan);mask-image:var(--kk-sapuan);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .9s var(--kk-ease)}.kk-b b{font:700 12.5px/1.3 var(--gk-display,sans-serif);color:var(--kk-samar)}.kk-b.lav i{background:var(--kk-sisa)}.kk-b.lav b{color:var(--kk-sisa-teks)}.kk-b.ink i{background:var(--kk-tinta)}.kk-b.ink b{color:var(--kk-tinta)}.kk-b.kur i{background:var(--kk-bata)}.kk-b.kur b{color:var(--kk-bata-teks)}.kkn-js .kk-layer:not(.is-on) .kk-b i{transform:scaleX(0)}.kkn-js .kk-l-sistem.is-on .kk-b:nth-child(1) i{transition-delay:.55s}.kkn-js .kk-l-sistem.is-on .kk-b:nth-child(2) i{transition-delay:.85s}.kk-wk{display:grid;gap:24px;flex:1;align-content:center;padding-top:8px}.kk-wk-row p{margin:0 0 8px;font-size:13px}.kk-wk-row p b{display:inline-block;margin-right:8px;font:700 15px/1.2 var(--gk-display,sans-serif)}.kk-blks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.blk{display:block;height:44px;background:var(--kk-tinta);-webkit-mask-image:var(--kk-cat-1);mask-image:var(--kk-cat-1);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:opacity .4s var(--kk-ease),transform .5s var(--kk-ease)}.kk-blks .blk:nth-child(2){transition-delay:.08s}.kk-blks .blk:nth-child(3){transition-delay:.16s}.kk-blks .blk:nth-child(4){transition-delay:.24s}.kk-blks .blk:nth-child(5){transition-delay:.32s}.blk.free{background:transparent;border:2px dashed var(--kk-sisa);border-radius:4px;-webkit-mask-image:none;mask-image:none;position:relative}.blk.free:after{content:"1 hari";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 11px/1 var(--gk-display,sans-serif);color:var(--kk-sisa-teks)}.kkn-js .kk-layer:not(.is-on) .blk{opacity:0;transform:translateY(-10px)}.kkn-js .kk-l-minggu.is-on .kk-wk-row.nl .blk{transition-delay:calc(.5s + var(--d, 0s))}.kk-wk-n{margin:0;font-weight:700;color:var(--kk-sisa-teks);font-size:14px}.kk-ngo{position:relative;flex:1;min-height:0}.kk-ax{position:absolute;top:4px;right:0;bottom:0;left:0;border-left:1.5px solid var(--kk-garis-kuat)}.kk-ax i{position:absolute;display:block}.kk-ax .base{left:0;right:0;bottom:16%;height:3px;background:var(--kk-tinta);-webkit-mask-image:var(--kk-sapuan);mask-image:var(--kk-sapuan);-webkit-mask-size:100% 100%;mask-size:100% 100%}.kk-ax .band{left:8%;right:8%;bottom:28%;height:24%;background:var(--kk-sisa);-webkit-mask-image:var(--kk-cat-3);mask-image:var(--kk-cat-3);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform-origin:bottom center;transition:transform .9s var(--kk-ease) .2s}.kk-ax .mark{left:0;right:0;bottom:88%;height:0;border-top:2px dashed var(--kk-sisa-teks);transition:opacity .6s var(--kk-ease) .3s}.kk-ax .lab{position:absolute;font-size:12px;line-height:1.3;color:var(--kk-redup)}.kk-ax .lab b{display:block;font:700 20px/1.1 var(--gk-display,sans-serif);color:var(--kk-sisa-teks)}.kk-ax .base-l{left:8%;bottom:calc(16% - 34px);right:8%}.kk-ax .band-l{left:14%;right:14%;bottom:calc(28% + 8px)}.kk-ax .mark-l{left:8%;right:8%;bottom:calc(88% + 8px);transition:opacity .6s var(--kk-ease) .3s}.kk-l-nego .band{transform:scaleY(0)}.kk-l-nego:not([data-state="0"]) .band{transform:scaleY(1)}.kk-l-nego .mark,.kk-l-nego .mark-l{opacity:0}.kk-l-nego[data-state="2"] .mark,.kk-l-nego[data-state="2"] .mark-l{opacity:1}.kk-mts{position:relative;flex:1;min-height:0}.kk-mts>*{position:absolute;left:0;right:0;transition:opacity .5s var(--kk-ease),transform .6s var(--kk-ease)}.kk-mts .z0{top:0}.kk-mts .z1{top:34%;margin:0;padding:0;list-style:none}.kk-mts .z2{top:34%}.kk-mts .z3{top:0}.kk-rumor{display:block;margin:0 0 10px}.kk-rumor b{display:block;font:700 clamp(34px,10vw,54px)/1 var(--gk-display,sans-serif);color:var(--kk-bata-teks)}.kk-rumor span{font-size:13px;color:var(--kk-redup)}.kk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.kk-chips i{font-style:normal;font-size:11.5px;padding:3px 10px;border:1px dashed var(--kk-bata);border-radius:999px;color:var(--kk-bata-teks)}.kk-chain li{padding:8px 12px;margin:0 0 8px;border:1.5px solid var(--kk-garis-kuat);border-radius:8px;background:var(--kk-kertas);font-size:12.5px;line-height:1.3;transition:transform .7s var(--kk-ease),opacity .5s var(--kk-ease)}.kk-chain li:nth-child(2){margin-left:14px}.kk-chain li:nth-child(3){margin-left:28px}.kk-chain li:nth-child(4){margin-left:42px;border-style:dashed;color:var(--kk-samar)}.kk-chain small{display:block;font-size:11px;color:var(--kk-samar)}.kk-ref{font-size:12px;color:var(--kk-bata-teks);margin:6px 0 0;padding-top:6px;border-top:1px dashed var(--kk-bata)}.kk-zh{font:700 12px/1.3 var(--gk-display,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--kk-samar);margin:0 0 4px}.kk-l-mitos .z0,.kk-l-mitos .z1,.kk-l-mitos .z2,.kk-l-mitos .z3{opacity:0;pointer-events:none}.kk-l-mitos:is([data-state="0"],[data-state="1"]) .z0{opacity:1}.kk-l-mitos[data-state="2"] .z0{opacity:.3}.kk-l-mitos[data-state="1"] .z1{opacity:1}.kk-l-mitos[data-state="2"] .z1{opacity:0}.kk-l-mitos[data-state="2"] .z1 li:nth-child(1){transform:translateY(34px) rotate(-4deg)}.kk-l-mitos[data-state="2"] .z1 li:nth-child(2){transform:translateY(46px) rotate(5deg)}.kk-l-mitos[data-state="2"] .z1 li:nth-child(3){transform:translateY(58px) rotate(-6deg)}.kk-l-mitos[data-state="2"] .z1 li:nth-child(4){transform:translateY(70px) rotate(4deg)}.kk-l-mitos[data-state="2"] .z2,.kk-l-mitos[data-state="3"] .z3{opacity:1}.kk-l-mitos .z2 .kk-b i,.kk-l-mitos .z3 .kk-b i{transform:scaleX(0)}.kk-l-mitos[data-state="2"] .z2 .kk-b i,.kk-l-mitos[data-state="3"] .z3 .kk-b i{transform:scaleX(1);transition-delay:.4s}.kk-l-kardus{display:grid;grid-template-rows:auto 1fr;gap:10px}.kk-room,.kk-study{grid-area:2 / 1;min-height:0}.kk-room{position:relative;align-self:center;display:grid;grid-template-columns:1.3fr 1fr;gap:10px;align-items:end;border-bottom:2px solid var(--kk-garis-kuat);padding-bottom:6px;transition:opacity .5s var(--kk-ease)}.kk-pile{position:relative;height:172px}.kk-pile .bx{position:absolute;left:50%;bottom:calc(var(--r) * 30px);width:32px;height:28px;display:block;margin-left:calc((var(--c) - (var(--k) - 1) / 2) * 33px - 16px);background:var(--kk-kardus);-webkit-mask-image:var(--kk-cat-1);mask-image:var(--kk-cat-1);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:opacity .35s var(--kk-ease),transform .5s var(--kk-ease);transition-delay:calc(var(--n) * 90ms)}.kkn-js .kk-l-kardus:not(.is-on) .bx{opacity:0;transform:translateY(-44px)}.kk-pile-n{position:absolute;left:0;right:0;bottom:126px;text-align:center;font-size:12px;color:var(--kk-redup);margin:0}.kk-pile-n b{font:700 22px/1 var(--gk-display,sans-serif);color:var(--kk-judul);margin-right:4px}.kk-ghost{list-style:none;margin:0;padding:0;display:grid;gap:14px;opacity:0;transition:opacity .7s var(--kk-ease)}.kk-ghost li{font-size:12px;line-height:1.25;color:var(--kk-samar);display:flex;align-items:center;gap:8px}.kk-ghost li:before{content:"";flex:none;width:22px;height:30px;border:1.5px dashed var(--kk-garis-kuat);border-radius:11px 11px 5px 5px}.kk-l-kardus:not([data-state="0"]) .kk-ghost{opacity:.9}.kk-study{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;opacity:0;pointer-events:none;transition:opacity .5s var(--kk-ease) .2s}.kk-study .kk-note{grid-column:1 / -1}.kk-l-kardus[data-state="2"] .kk-study{opacity:1}.kk-l-kardus[data-state="2"] .kk-room{opacity:0}.kk-close{padding:44px 16px 72px;max-width:760px}.kk-start{display:grid;gap:20px;align-items:start}.kk-start ul{margin:0 0 1em;padding-left:20px;display:grid;gap:10px}.kk-start a{color:var(--kk-sisa-teks);text-underline-offset:3px;display:inline-block;padding:10px 0;line-height:1.3}.kk-sign{margin-top:20px;font:700 18px/1.3 var(--gk-display,sans-serif)}.kk-sign span{font:500 13px var(--gk-sans,sans-serif);color:var(--kk-samar)}.kk-portrait{width:112px;height:112px;border-radius:50%;object-fit:cover;order:-1}.kk-holes{margin-top:44px}.kk-holes ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.kk-holes li{padding:14px 16px;border-radius:10px;border:1.5px dashed var(--kk-garis-kuat);font-size:15.5px;line-height:1.5}.kk-sources{margin-top:36px;padding-top:20px;border-top:1px solid var(--kk-garis)}.kk-sources h3{font-size:16px}.kk-sources ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12.5px;line-height:1.45;color:var(--kk-redup)}@media(min-width:1100px){.kk-start{grid-template-columns:1fr auto}.kk-portrait{order:2;width:140px;height:140px}}@media(min-width:1100px){.kk-jar-box{--jh:130px}.kk-col-bar{--th:340px}.kk-crowd{--dw:148px}.kk-jar-name{font-size:12.5px}.kk-jar-val{font-size:13px}.kk-jar-val small{font-size:11px}.kk-col-n{font-size:13px}.kk-col-v{font-size:11.5px}.kk-col small{font-size:11px}.kk-pose{width:64px;height:96px}.kk-pan li{font-size:13.5px}.kk-pan{min-height:240px}.kk-rows .r,.kk-rows .r b{font-size:14px}.kk-multi li,.kk-multi li b{font-size:13.5px}.kk-pile{height:190px}.kk-pile .bx{width:34px;height:30px;bottom:calc(var(--r) * 32px);margin-left:calc((var(--c) - (var(--k) - 1) / 2) * 36px - 17px)}.kk-pile-n{bottom:134px}.kk-cn{font-size:12.5px}.kk-crowd h4{font-size:14px}.kk-wk{gap:28px}.blk{height:56px}}@media(prefers-reduced-motion:reduce){.kkn *,.kkn *:before,.kkn *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/gk-narasi-kenapa.css.map */