.gkc{--gkc-kertas:#FAF9F5;--gkc-kartu:rgba(250,249,245,.95);--gkc-garis:#C2C0B6;--gkc-tinta:#30302E;--gkc-judul:#141413;--gkc-redup:#6B6A63;--gkc-tosca:#2f7f8f;--gkc-tosca-t:#22606c;--gkc-cuci:rgba(47,127,143,.15);--gkc-merah:#b5443b;--gkc-grafit:#8A877C;--gkc-lembar:#FFFEFB;--gkc-top:var(--header-height,0px);background:var(--gkc-kertas);color:var(--gkc-tinta);font-family:"DM Sans",var(--font-body-family,system-ui),sans-serif;position:relative}.gkc h1,.gkc h2,.gkc h4,.gkc .gkc-eb{font-family:"Space Grotesk",var(--font-heading-family,system-ui),sans-serif;color:var(--gkc-judul);text-wrap:balance}.gkc-vis{position:sticky;top:var(--gkc-top);height:calc(100svh - var(--gkc-top));overflow:hidden;display:block;background:#f3e6cc var(--gkc-meja) center/cover no-repeat}.gkc-tumpukan{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--gkc-kertas) var(--gkc-tumpukan) center 70%/cover no-repeat;z-index:4;transition:opacity .7s,transform .9s}.gkc-vis.s1 .gkc-tumpukan{opacity:0;transform:scale(1.08);pointer-events:none}.gkc-panggung{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:56px 16px 24px;transition:opacity .6s .15s}.gkc-vis:not(.s1) .gkc-panggung{opacity:0}@media(min-width:1100px){.gkc-panggung{left:40%}}.gkc-lapis{grid-area:1/1;transition:opacity .5s,transform .6s cubic-bezier(.3,.7,.2,1)}.gkc-alur{position:relative;margin-top:calc(-100svh + var(--gkc-top));z-index:2}.gkc .gkc-jarak,.gkc .gkc-tumpukan,.gkc .gkc-foto,.gkc .gkc-pindai,.gkc .gkc-vis{display:block}.gkc-jarak{height:120svh}.gkc-jarak-awal{height:40svh}.gkc-jarak-akhir{height:60svh}.gkc-kar{max-width:440px;margin:0 16px;background:var(--gkc-kartu);border:1px solid var(--gkc-garis);border-left:5px solid var(--gkc-tosca);border-radius:4px;padding:22px 22px 20px;box-shadow:0 14px 34px -24px #14141380}@media(min-width:1100px){.gkc-alur{display:grid;grid-template-columns:minmax(0,500px) 1fr}.gkc-alur>*{grid-column:1}.gkc-kar{margin-left:48px}}.gkc-eb{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gkc-tosca-t);margin:0 0 8px}.gkc-kar h2{font-size:21px;line-height:1.28;margin:0 0 10px}.gkc-kar p{margin:0 0 10px;font-size:15.5px;line-height:1.6}.gkc-kar p:last-child{margin-bottom:0}.gkc-kar .kecil{font-size:13px;color:var(--gkc-redup)}.gkc-kar em{font-style:italic}.gkc-cta{display:inline-block;margin-top:6px;color:#fff;background:var(--gkc-tosca-t);padding:10px 18px;border-radius:100px;font-weight:700;font-size:14px;text-decoration:none}.gkc-hero .gkc-kar{border-left-color:var(--gkc-judul);max-width:540px}.gkc h1{font-size:clamp(26px,5vw,38px);line-height:1.15;margin:0 0 12px}.gkc-byline{font-size:13px;color:var(--gkc-redup)}.gkc-cv{width:min(86vw,390px);background:var(--gkc-lembar);border:1px solid #DDD9CC;border-radius:2px;box-shadow:0 30px 60px -38px #1414138c;padding:20px 20px 18px;font-size:11.5px;line-height:1.45;color:#2b2b29;position:relative;transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .5s}.gkc-cv p{margin:0}.gkc-nm{font:700 17px Space Grotesk,sans-serif}.gkc-jb{color:var(--gkc-redup);margin-bottom:10px!important}.gkc-foto{position:absolute;right:20px;top:18px;width:46px;height:56px;border-radius:2px;display:block;background:#e3ded2 var(--gkc-foto) center/cover;transition:opacity .5s,transform .5s}.gkc-pribadi{margin:0 0 10px!important;color:var(--gkc-redup);font-size:10.5px}.gkc-pribadi span{display:inline-block;margin-right:10px;position:relative;transition:color .4s}.gkc-pribadi span:after,.gkc .coret:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--gkc-merah);transform:scaleX(0);transform-origin:left;transition:transform .5s}.gkc-isi{display:grid;grid-template-columns:34% 1fr;gap:12px;transition:grid-template-columns .6s}.gkc-kiri{border-right:1px dashed #D8D3C4;padding-right:10px;transition:opacity .4s}.gkc-cv h5{font:700 10px Space Grotesk,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gkc-grafit);margin:0 0 5px}.gkc-cv ul{margin:0 0 8px;padding:0;list-style:none}.gkc-cv li{margin:0 0 6px;position:relative}.gkc-baris{display:block;position:relative;min-height:1.45em}.gkc-baris .lama,.gkc-baris .baru{display:block;transition:opacity .45s,transform .45s}.gkc-baris .baru{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(4px);color:var(--gkc-judul)}.gkc-baris .lama{position:relative}.gkc-tag{display:inline-block;font:700 9px Space Grotesk,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--gkc-tosca-t);background:var(--gkc-cuci);border-radius:2px;padding:1px 5px;margin-left:4px;opacity:0;transform:translate(-4px);transition:.4s;vertical-align:1px}.gkc .kk,.gkc .ob,.gkc .uk{border-radius:2px;transition:background .5s,box-shadow .5s}.gkc-lbl{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 0;max-height:0;opacity:0;overflow:hidden;transition:.5s}.gkc-lbl i{font:700 9px Space Grotesk,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-style:normal;padding:1px 6px;border-radius:2px}.gkc-lbl .l1{background:var(--gkc-tosca);color:#fff}.gkc-lbl .l2{box-shadow:inset 0 -2px 0 var(--gkc-grafit)}.gkc-lbl .l3{background:var(--gkc-cuci);color:var(--gkc-tosca-t)}.gkc-buruk{display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .5s}.gkc .coret{position:relative;display:inline}.gkc-konteks{display:block;max-height:0;opacity:0;overflow:hidden;color:var(--gkc-tosca-t);font-size:10.5px;transition:.5s}.gkc-catatan{position:absolute;right:-8px;bottom:-14px;width:62%;background:#fff6d9;border:1px solid #E9DDB0;padding:9px 11px;font-size:10.5px;line-height:1.4;transform:rotate(2deg) translateY(12px);opacity:0;transition:.5s;box-shadow:0 12px 20px -14px #0006}.gkc-catatan b{display:block;font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.gkc-catatan ol{margin:0;padding-left:16px}.gkc-pindai{position:absolute;left:0;right:0;top:0;height:3px;display:block;background:var(--gkc-tosca);box-shadow:0 0 18px 4px #2f7f8f73;opacity:0}.gkc-ekstrak{position:absolute;left:12px;right:12px;bottom:14px;background:#1f2a2c;color:#d7e6e4;font:11px/1.5 IBM Plex Mono,ui-monospace,monospace;padding:10px 12px;border-radius:3px;white-space:pre;overflow:hidden;opacity:0;transform:translateY(10px);transition:.5s}.gkc-ekstrak b{color:#ff9a8f;font-weight:500}.gkc-ekstrak small{display:block;color:#8fb5b0;font-size:9.5px;margin-bottom:4px;letter-spacing:.06em}.gkc-aturan{position:absolute;left:12px;right:12px;top:-48px;background:var(--gkc-tosca-t);color:#fff;border-radius:3px;padding:7px 10px;font-size:11.5px;line-height:1.35;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(6px);transition:.4s}.gkc-aturan:empty{display:none}.gkc-aturan img{width:30px;height:30px;border-radius:50%;background:#fff;flex:none}.gkc-aturan b{font-family:Space Grotesk,sans-serif;margin-right:4px}.gkc-latihan,.gkc-auditor{opacity:0;transform:translateY(16px);pointer-events:none;width:min(88vw,400px)}.gkc-papan{background:var(--gkc-lembar);border:1px solid #DDD9CC;border-radius:3px;padding:16px;box-shadow:0 30px 60px -38px #1414138c}.gkc-papan h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gkc-tosca-t);margin:0 0 10px}.gkc-kaki{font-size:11px;color:var(--gkc-redup);margin:10px 0 0}.gkc-ba{display:grid;gap:8px}.gkc-ba div{font-size:11.5px;line-height:1.4;padding:8px 10px;border-radius:3px;display:block}.gkc-ba .sb{background:#f1eee6;color:var(--gkc-redup)}.gkc-ba .sd{background:var(--gkc-cuci);color:var(--gkc-judul)}.gkc-jam{display:flex;gap:6px;margin:0 0 12px}.gkc-jam span{flex:var(--m);background:var(--gkc-tosca);color:#fff;font:700 10.5px Space Grotesk,sans-serif;text-align:center;padding:5px 2px;border-radius:2px}.gkc-jam span:nth-child(2){background:var(--gkc-tosca-t)}.gkc-jam span:nth-child(3){background:#5b9aa5}.gkc-dim{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.gkc-dim li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500}.gkc-dim li i{width:16px;height:16px;border-radius:50%;background:var(--gkc-tosca);flex:none;position:relative;display:block}.gkc-dim li i:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.gkc-negara{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.gkc-negara button{font:600 13px DM Sans,sans-serif;border:1px solid var(--gkc-garis);background:#fff;color:var(--gkc-tinta);border-radius:100px;padding:6px 12px;cursor:pointer}.gkc-negara button img{width:18px;height:18px;vertical-align:-4px;margin-right:5px;border-radius:50%}.gkc-negara button[aria-pressed=true]{background:var(--gkc-tosca-t);border-color:var(--gkc-tosca-t);color:#fff}.gkc-negara button:focus-visible{outline:2px solid var(--gkc-judul);outline-offset:2px}.gkc-vis.s1:not(.s2) .gkc-pindai{animation:gkc-pindai 1.8s ease-in-out infinite;opacity:1}@keyframes gkc-pindai{0%{top:4%}50%{top:94%}to{top:4%}}.gkc-vis.s1:not(.s2) .gkc-ekstrak{opacity:1;transform:none}.gkc-vis.s2 .gkc-isi{grid-template-columns:0% 1fr;gap:0}.gkc-vis.s2 .gkc-kiri{opacity:0;border:0;padding:0;overflow:hidden;max-height:0}.gkc-vis.s3 .L1 .lama,.gkc-vis.s4 .L2 .lama,.gkc-vis.s5 .L3 .lama,.gkc-vis.s5 .L4 .lama{opacity:0;position:absolute;inset:0 0 auto 0}.gkc-vis.s3 .L1 .baru,.gkc-vis.s4 .L2 .baru,.gkc-vis.s5 .L3 .baru,.gkc-vis.s5 .L4 .baru{opacity:1;transform:none;position:relative}.gkc-vis.s4:not(.s5) .L2 .kk{background:var(--gkc-tosca);color:#fff;box-shadow:0 0 0 2px var(--gkc-tosca)}.gkc-vis.s4:not(.s5) .L2 .ob{box-shadow:inset 0 -2px 0 var(--gkc-grafit)}.gkc-vis.s4:not(.s5) .L2 .uk{background:var(--gkc-cuci);box-shadow:0 0 0 2px var(--gkc-cuci)}.gkc-vis.s4:not(.s5) .gkc-lbl{max-height:30px;opacity:1}.gkc-vis.s5:not(.s7) .gkc-tag{opacity:1;transform:none}.gkc-vis.s6:not(.s7) .gkc-catatan{opacity:1;transform:rotate(2deg)}.gkc-vis.s7:not(.s8) .gkc-buruk{max-height:60px;opacity:1}.gkc-vis.s7:not(.s8) .coret:after{transform:scaleX(1);transition-delay:.45s}.gkc-vis.s8 .gkc-konteks{max-height:40px;opacity:1}.gkc-vis.s9 .gkc-foto{opacity:0;transform:scale(.8)}.gkc-vis.s9 .gkc-pribadi span:after{transform:scaleX(1)}.gkc-vis.s9 .gkc-pribadi{color:#b9b4a5}.gkc-vis.s9:not(.s10) .gkc-aturan{opacity:1;transform:none}.gkc-vis.s9:not(.s10)[data-foto=ya] .gkc-foto,.gkc-vis.s9:not(.s10)[data-foto=opsi] .gkc-foto{opacity:1;transform:none}.gkc-vis.s9:not(.s10)[data-foto=opsi] .gkc-foto{background:none;border:1.5px dashed var(--gkc-tosca)}.gkc-vis.s10:not(.s11) .gkc-cv{opacity:0;transform:scale(.9)}.gkc-vis.s10:not(.s11) .gkc-latihan{opacity:1;transform:none}.gkc-vis.s11 .gkc-cv{transform:translateY(-6%) scale(.92)}.gkc-vis.s11 .gkc-auditor{opacity:1;transform:translateY(34%)}@media(max-width:1099px){.gkc-vis.s11 .gkc-auditor{transform:translateY(40%)}}.gkc-tutup{position:relative;z-index:3;background:var(--gkc-kertas);padding:64px 16px 80px}.gkc-in{max-width:720px;margin:0 auto}.gkc-tutup h2{font-size:clamp(22px,3.4vw,30px);line-height:1.25;margin:0 0 12px}.gkc-tutup ol{padding-left:20px}.gkc-tutup li{margin:0 0 8px}.gkc-pita{margin:28px 0 22px;padding:20px;border-left:5px solid var(--gkc-tosca);background:#f5f4ed}@media(prefers-reduced-motion:reduce){.gkc *{transition:none!important;animation:none!important}}@media(min-width:1100px){.gkc-vis{background:var(--gkc-kertas) var(--gkc-meja) 74% center/auto 100% no-repeat}.gkc-tumpukan{background:var(--gkc-kertas) var(--gkc-tumpukan) 74% center/auto 100% no-repeat}}@media(max-width:1099px){.gkc-tumpukan{background:var(--gkc-kertas) var(--gkc-tumpukan) center -60vw/100% auto no-repeat}.gkc .gkc-jarak-awal{height:50svh}}.gkc-negara button{min-height:44px;padding:8px 14px}.gkc-cta{display:inline-flex;align-items:center;min-height:44px}.gkc-contoh{white-space:pre-wrap;background:#1f2a2c;color:#d7e6e4;font:12.5px/1.55 IBM Plex Mono,ui-monospace,monospace;border-radius:6px;padding:10px 12px;margin:0 0 12px;overflow-wrap:anywhere}html.gkc-js .gkc-vis:not([data-siap]) .gkc-tumpukan{opacity:1!important;transform:none!important}html.gkc-js .gkc-vis:not([data-siap]) .gkc-panggung{opacity:0!important}html.gkc-js .gkc-vis:not([data-siap]),html.gkc-js .gkc-vis:not([data-siap]) *{transition:none!important}.gkc{--gkc-top:var(--header-height,63px)}@media(min-width:990px){.gkc{--gkc-top:var(--header-height,80px)}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/gk-narasi-cv.css.map */