.pb-wrap{position:relative}
.pb{position:relative;border-radius:28px;overflow:hidden;background:#EDE4D3;box-shadow:0 24px 50px -32px rgba(20,16,14,.5);outline-offset:3px}
.pb-track{display:flex;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pb-slide{flex:0 0 100%;display:block;position:relative;aspect-ratio:16/6;min-height:150px}
.pb-slide img{width:100%;height:100%;object-fit:cover;display:block}
.pb-code{position:absolute;left:clamp(12px,2.5vw,26px);bottom:clamp(12px,2.5vw,24px);display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:0;background:#14100E;color:#fff;font:600 14px/1 'DM Sans',system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 20px -8px rgba(0,0,0,.6);z-index:2}
.pb-code b{letter-spacing:.08em;color:#D9AE5F}
.pb-code:hover{background:#C8141C}
.pb-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#14100E;font-size:22px;line-height:1;cursor:pointer;z-index:2;display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(0,0,0,.5)}
.pb-nav.prev{left:12px}.pb-nav.next{right:12px}
.pb-dots{position:absolute;right:clamp(12px,2.5vw,24px);bottom:clamp(12px,2.5vw,22px);display:flex;gap:7px;z-index:2}
.pb-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.6);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.pb-dots button[aria-current="true"]{background:#fff;width:22px;border-radius:99px}
@media (max-width:640px){.pb{border-radius:20px}.pb-slide{aspect-ratio:4/3}.pb-nav{display:none}}
@media (prefers-reduced-motion:reduce){.pb-track{transition:none}}

/* slide bawaan dengan teks */
.pb-rich img{position:absolute;inset:0}
.pb-rich::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,16,14,.88) 0%,rgba(20,16,14,.7) 34%,rgba(20,16,14,.12) 72%,rgba(20,16,14,0) 100%)}
.pb-copy{position:absolute;z-index:2;left:clamp(22px,5vw,64px);top:50%;transform:translateY(-50%);display:grid;gap:10px;max-width:min(520px,60%);color:#FBF7F0}
.pb-eyebrow{font:700 12px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#D9AE5F}
.pb-title{font-family:var(--f-display,'Fraunces',Georgia,serif);font-weight:600;font-size:clamp(1.55rem,3.6vw,2.9rem);line-height:1.05;letter-spacing:-.025em}
.pb-text{font:400 clamp(.9rem,1.3vw,1.08rem)/1.45 'DM Sans',system-ui,sans-serif;color:#E9DFCF}
.pb-cta{justify-self:start;margin-top:6px;padding:11px 20px;border-radius:999px;background:#C8141C;color:#fff;font:600 14.5px/1 'DM Sans',system-ui,sans-serif}
.pb-rich:hover .pb-cta{background:#A60F16}
.pb-wrap .pb-rich{aspect-ratio:16/6}
@media (max-width:640px){
  .pb-rich{aspect-ratio:4/5!important}
  .pb-rich::before{background:linear-gradient(0deg,rgba(20,16,14,.92) 0%,rgba(20,16,14,.65) 42%,rgba(20,16,14,0) 78%)}
  .pb-copy{top:auto;bottom:22px;left:20px;right:20px;transform:none;max-width:none}
  .pb-title{font-size:1.7rem}
  .pb-dots{bottom:auto;top:14px;right:14px}
}