/* KINGDOM — paper-cutout story (demo) */
.pc-edge{position:relative;height:110px;margin:0;overflow:hidden;pointer-events:none}
.pc-edge i{position:absolute;left:-2%;width:104%;top:-16%;height:132%;background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 -4px 6px rgba(10,30,24,.2));will-change:transform}
.hero[data-fx-auto] + .ckh-strip{margin-top:0;border-top:0}
.hero[data-fx-auto]{position:relative;isolation:isolate;padding-bottom:120px}
.hero[data-fx-auto]>.wrap{position:relative;z-index:1}
.hero-fx{position:absolute;inset:0;pointer-events:none;z-index:0}
@media (max-width:760px){.hero[data-fx-auto]{padding-bottom:80px}.pc-edge{height:70px}}
.pc-sheet{box-shadow:6px 7px 0 -1px rgba(234,224,203,.95),6px 7px 0 0 rgba(184,154,94,.28),12px 14px 0 -2px rgba(222,208,178,.9),12px 14px 0 -1px rgba(184,154,94,.2),0 18px 34px -18px rgba(15,31,27,.35)!important}
.gems .pc-sheet{box-shadow:6px 7px 0 -1px #1d4537,6px 7px 0 0 rgba(200,161,90,.3),12px 14px 0 -2px #234f40,12px 14px 0 -1px rgba(200,161,90,.2),0 18px 34px -16px rgba(0,0,0,.5)!important;background:#17352C}
.pc-wait{opacity:0;transform:translateY(26px) rotate(-.6deg)}
.pc-in{opacity:1;transform:none;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.pc-in:hover{transform:translateY(-4px)}
/* konsultasi: lengkung pintu studio berlapis di belakang foto */
.consult-grid>*:first-child{position:relative;isolation:isolate}
.consult-grid>*:first-child::before,.consult-grid>*:first-child::after{content:"";position:absolute;z-index:-1;border-radius:999px 999px 18px 18px;pointer-events:none}
.consult-grid>*:first-child::before{inset:-26px -22px -14px -22px;background:#DCE6DF;box-shadow:0 10px 24px -14px rgba(10,30,24,.4);border:1px solid rgba(184,154,94,.4)}
.consult-grid>*:first-child::after{inset:-12px -9px -6px -9px;background:#5E8B76;border:1px solid rgba(214,190,140,.7)}
@media (prefers-reduced-motion:reduce){.pc-wait{opacity:1;transform:none}}
.pc-edge + section,.pc-edge + footer{border-top:0!important}
/* loader "Tahapan atelier" */
.thinking.pc-at{position:relative;overflow:hidden;max-width:520px;margin:20px auto;padding:46px 24px 120px;border-radius:16px;background:#FAF7F0;border:1px solid rgba(184,154,94,.3);text-align:center}
.pc-at-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}
.pc-at-step{display:flex;flex-direction:column;gap:6px}
.pc-at-n{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#836A38}
.pc-at-t{font-family:var(--serif-2,"Playfair Display",Georgia,serif);font-style:italic;font-size:21px;color:#0F1F1B}
.pc-at-t.in{animation:pcTxt .5s ease}
@keyframes pcTxt{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pc-at-pct{font-family:"Playfair Display",Georgia,serif;font-size:44px;line-height:1;color:#17352C;font-variant-numeric:tabular-nums;margin-top:6px}
.pc-at-dots{display:flex;gap:8px}
.pc-at-dots i{position:relative;width:38px;height:3px;border-radius:3px;background:rgba(184,154,94,.22);overflow:hidden}
.pc-at-dots i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8C7440,#E3C892);transform-origin:left;transform:scaleX(var(--s,0))}
.pc-at-layers{position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;pointer-events:none}
.pc-at-layers i{position:absolute;left:-2%;right:-2%;bottom:0;height:calc(120px - var(--i)*24px);background-size:100% 100%;background-repeat:no-repeat;transform:translateY(105%);transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 -4px 6px rgba(10,30,24,.2))}
/* pratinjau gambar: 3 lapis kecil */
.pc-mini{position:relative!important;width:150px!important;height:54px!important;-webkit-mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);border:0!important;border-radius:0!important;animation:none!important;background:none!important;z-index:1}
.pc-mini i{position:absolute;left:0;right:0;bottom:0;height:calc(54px - var(--i)*14px);background-size:100% 100%;background-repeat:no-repeat;animation:pcBob 2.6s ease-in-out infinite;animation-delay:calc(var(--i)*.3s);}
@keyframes pcBob{0%,100%{transform:translateY(4px)}50%{transform:translateY(-3px)}}
.concept-photo.gen:has(.pc-mini)::before{background-position:center 30%!important}
.concept-photo.gen:has(.pc-mini){justify-content:flex-end;padding-bottom:18%}
@media (prefers-reduced-motion:reduce){.pc-mini i{animation:none}.pc-at-layers i{transition:none}}
/* ===== Custom Design: Lapis demi Lapis ===== */
/* panel & kartu konsep = lembaran kertas bertumpuk */
.cd-main .panel.s1chat,.cd-main .panel.s1-side,.concept-card,.cd-main .panel{box-shadow:5px 6px 0 -1px #EFE7D6,5px 6px 0 0 rgba(184,154,94,.3),10px 12px 0 -2px #E6DBC4,10px 12px 0 -1px rgba(184,154,94,.22),0 18px 34px -20px rgba(15,31,27,.35)!important}
.concept-card:hover{box-shadow:7px 9px 0 -1px #EFE7D6,7px 9px 0 0 rgba(184,154,94,.35),14px 17px 0 -2px #E6DBC4,14px 17px 0 -1px rgba(184,154,94,.25),0 26px 40px -20px rgba(15,31,27,.4)!important}
/* stepper: titik aktif emerald bercincin emas, garis selesai jadi emas utuh */
.stp.active .dot{background:#17352C!important;border-color:#17352C!important;color:#E3C892!important;box-shadow:0 0 0 4px rgba(184,154,94,.22)}
.stp.active .stp-label{color:#17352C!important}
.stp.active::after{background:linear-gradient(90deg,#8C7440,#E3C892)!important}
.stp.done + .stp-line{border-top:1px solid #B89A5E!important;opacity:1}
.s1-prog-step.done + .s1-prog-line{border-top:1px solid #B89A5E}
/* foto brief: lapisan kertas naik per fase */
.pc-brief{position:relative;overflow:hidden;border-radius:10px 10px 0 0}
.pc-brief>image-slot{display:block}
.pc-brief-l{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none}
.pc-brief-l i{position:absolute;left:-3%;right:-3%;bottom:0;height:calc(100% - var(--i)*16%);background-size:100% 100%;background-repeat:no-repeat;transform:translateY(102%);transition:transform .9s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 -4px 7px rgba(10,30,24,.25))}
.pc-brief-l i.up{transform:none}
@media (prefers-reduced-motion:reduce){.pc-brief-l i{transition:none}}
/* ===== panggung kertas: kepala halaman ===== */
html:has(.pc-stage),html:has(.pc-stage) body{overflow-x:clip}
.pc-stage{--pcH:150px;position:relative;isolation:isolate;padding-bottom:calc(var(--pcH) + 8px)!important}
.pc-stage.pc-lg{--pcH:190px}.pc-stage.pc-sm{--pcH:96px}
.pc-stage::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);bottom:-1px;height:var(--pcH);background:var(--pc-hills) bottom/100% 100% no-repeat;filter:drop-shadow(0 -6px 10px rgba(10,30,24,.18));pointer-events:none}
.pc-stage + *{border-top:0!important}
.pc-stage.pc-md>.wrap,.pc-stage.pc-sm>*{position:relative;z-index:1}
/* Custom Design: kapsul 5 tahap di pita emerald tua */
.s1-intro.pc-stage{padding-bottom:190px!important;margin-top:-44px!important;margin-bottom:0!important}
.s1-intro.pc-stage::after{content:"";position:absolute;z-index:-2;left:-60vw;right:-60vw;top:-80px;bottom:0;background:radial-gradient(ellipse 40% 60% at 50% 35%,rgba(184,154,94,.10),transparent 70%)}
.s1-intro.pc-stage .s1-progress{position:absolute;left:50%;transform:translate(-50%,50%);bottom:calc(190px * 78 / 190);margin:0!important;padding:8px 16px;border-radius:999px;background:#FAF7F0;border:1px solid rgba(201,171,106,.85);box-shadow:0 10px 22px -10px rgba(0,0,0,.55);flex-wrap:nowrap!important;white-space:nowrap;gap:0}
.s1-intro.pc-stage .s1-prog-line{width:22px}
.cd-main:has(.pc-stage){padding-top:20px}
/* artikel: bukit kecil di bawah judul, gambar artikel menempel ke bukit */
article > .jr-article.pc-stage{margin-bottom:0!important}
article > .jr-article.pc-stage + .jr-artimg{margin-top:0}
@media (max-width:760px){
 .pc-stage{--pcH:92px}.pc-stage.pc-lg{--pcH:150px}.pc-stage.pc-sm{--pcH:64px}
 .s1-intro.pc-stage{padding-bottom:150px!important;margin-top:-20px!important}
 .s1-intro.pc-stage .s1-progress{bottom:calc(150px * 78 / 190);padding:9px 14px}
 .s1-intro.pc-stage .s1-prog-line{width:12px}
}
/* member: bukit warna tier di bawah kartu, kartu & nama di atasnya */
.m-hero.pc-stage{--pcH:120px;padding-bottom:calc(var(--pcH) + 4px)!important;margin-bottom:6px}
.m-hero.pc-stage .m-pts{position:relative;z-index:1}
@media (max-width:760px){.m-hero.pc-stage{--pcH:84px}}