/* V20: Card preview Portofolio pada halaman depan; tidak mengubah halaman galeri. */
.pf-home-section.pf-home-card{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:min(1200px,calc(100% - 32px));max-width:1200px;margin:32px auto;padding:clamp(22px,4vw,55px);border-radius:28px;background:var(--pf-card-bg,#222f2b);box-shadow:0 12px 35px rgba(0,0,0,.2);color:var(--pf-card-text,#fff);text-align:left}
.pf-home-card__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,44px);align-items:center}
.pf-home-card__copy{min-width:0}.pf-home-section.pf-home-card h2{color:var(--pf-card-text,#fff);line-height:1.14;margin:0 0 15px;font-size:clamp(26px,3.4vw,44px)}
.pf-home-section.pf-home-card p{color:var(--pf-card-text,#fff);max-width:520px;margin:0 0 18px;line-height:1.65;font-size:clamp(14px,1.5vw,17px)}
.pf-home-section.pf-home-card .pf-home-btn{margin:0;color:#fff;max-width:100%;white-space:normal;text-align:center}
.pf-home-card__preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.pf-home-card__thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;min-width:0;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);transition:transform .2s,border-color .2s}
.pf-home-card__thumb:hover{transform:translateY(-3px);border-color:#fff}
.pf-home-card__thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.pf-home-card__placeholder{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:210px;border:1px dashed rgba(255,255,255,.5);border-radius:16px;text-align:center;padding:20px;color:var(--pf-card-text,#fff)}
.pf-home-card__placeholder span{font-size:42px}.pf-home-card__placeholder small{opacity:.8}
@media(max-width:700px){.pf-home-section.pf-home-card{width:calc(100% - 24px);padding:22px 16px;border-radius:22px;margin:22px auto}.pf-home-card__content{grid-template-columns:minmax(0,1fr);gap:20px}.pf-home-card__copy{text-align:center}.pf-home-section.pf-home-card p{margin:0 auto 17px}.pf-home-card__preview{gap:8px}.pf-home-card__thumb{border-radius:12px}.pf-home-card__placeholder{min-height:160px}}
@media(prefers-reduced-motion:reduce){.pf-home-card__thumb{transition:none}}