.pkcs-slider{
    --pkcs-gap:24px;
    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding:15px 0 0;
    font-family:"Matter",Arial,sans-serif;
    box-sizing:border-box;
}
.pkcs-slider *,
.pkcs-slider *::before,
.pkcs-slider *::after{box-sizing:border-box}
.pkcs-viewport{width:100%;overflow:hidden;cursor:grab;touch-action:pan-y}
.pkcs-viewport.is-dragging{cursor:grabbing}
.pkcs-track{display:flex;align-items:stretch;gap:var(--pkcs-gap);will-change:transform;transition:transform .72s cubic-bezier(.22,.61,.36,1)}
.pkcs-card{
    flex:0 0 calc((100% - var(--pkcs-gap)) / 2);
    width:calc((100% - var(--pkcs-gap)) / 2);
    min-width:0;
    min-height:486px;
    border-radius:27px;
    background:var(--pkcs-bg);
    color:var(--pkcs-color);
    border:1px solid rgba(0,60,48,.09);
    padding:31px 45px 34px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.pkcs-person{display:flex;align-items:center;gap:18px;min-height:125px}
.pkcs-avatar-wrap{position:relative;flex:0 0 auto}
.pkcs-avatar{width:76px;height:94px;object-fit:cover;border:2px solid #fff;border-radius:17px;transform:rotate(-7deg);box-shadow:0 4px 12px rgba(0,0,0,.12);display:block}
.pkcs-avatar-empty{display:grid;place-items:center;background:#fff;font-size:30px;font-weight:700}
.pkcs-company-badge{position:absolute;right:-15px;bottom:-8px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pkcs-badge-bg);color:var(--pkcs-badge-color);border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.16);font-size:10px;font-weight:700;overflow:hidden;text-align:center}
.pkcs-company-badge img{width:100%;height:100%;object-fit:contain;padding:5px}
.pkcs-person-copy{min-width:0}
.pkcs-person-copy h3{margin:0 0 2px;font-size:20px;line-height:1.15;color:inherit;font-weight:600;letter-spacing:-.2px}
.pkcs-person-copy p{margin:0;font-size:14px;line-height:1.25;color:inherit;opacity:.67;white-space:normal}
.pkcs-card-body{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(180px,.82fr);gap:26px;align-items:stretch;flex:1;margin-top:14px;min-width:0}
.pkcs-quote{position:relative;margin:0;padding:0 18px 0 5px;font-size:18px;line-height:1.42;font-weight:400;border:0;color:inherit;overflow-wrap:normal;word-break:normal;hyphens:none}
.pkcs-quote::before{content:'“';position:absolute;left:-12px;top:-8px;font-size:27px;line-height:1;opacity:.34;font-weight:700}
.pkcs-quote::after{content:'”';display:inline;margin-left:4px;opacity:.34;font-weight:700}
.pkcs-stat-area{border-left:1px solid rgba(0,60,48,.10);padding-left:26px;display:flex;flex-direction:column;min-width:0}
.pkcs-stat-number{font-size:50px;line-height:1;font-weight:450;letter-spacing:-2.5px;margin:0 0 24px;color:inherit;white-space:nowrap}
.pkcs-stat-text{font-size:14px;line-height:1.38;margin:0 0 24px;color:inherit}
.pkcs-story-btn{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:50px;padding:8px 10px 8px 18px;border-radius:999px;background:rgba(255,255,255,.9);color:#061f1d;text-decoration:none;font-size:15px;line-height:1;font-weight:600;transition:transform .25s ease,background .25s ease}
.pkcs-story-btn:hover{transform:translateY(-2px);background:#fff;color:#061f1d}
.pkcs-arrow{width:31px;height:31px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:20px;overflow:hidden;flex:0 0 auto}
.pkcs-story-btn:hover .pkcs-arrow{animation:pkcsArrow .55s ease}
@keyframes pkcsArrow{0%{transform:translateX(0);opacity:1}45%{transform:translateX(13px);opacity:0}46%{transform:translateX(-13px);opacity:0}100%{transform:translateX(0);opacity:1}}
.pkcs-controls{display:none!important}
.pkcs-pagination{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:calc(100% - 30px);margin:12px auto 0;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 2px 14px rgba(15,40,35,.04)}
.pkcs-dot{width:18px;height:18px;flex:0 0 18px;padding:0;border:0;border-radius:999px;background:#e9e6df;cursor:pointer;transition:width .35s ease,flex-basis .35s ease,background .35s ease,transform .25s ease}
.pkcs-dot:hover{transform:scale(1.06)}
.pkcs-dot.is-active{width:54px;flex-basis:54px;background:#82dc89}
@media (max-width:1280px){
  .pkcs-slider{--pkcs-gap:20px}
  .pkcs-card{padding:30px 30px 32px}
  .pkcs-card-body{grid-template-columns:minmax(0,1.12fr) minmax(160px,.88fr);gap:20px}
  .pkcs-stat-area{padding-left:20px}
}
@media (max-width:900px){
  .pkcs-slider{--pkcs-gap:16px}
  .pkcs-card{flex-basis:100%;width:100%;min-height:auto;padding:26px 24px 28px;border-radius:22px}
  .pkcs-person{min-height:auto;gap:15px}
  .pkcs-avatar{width:66px;height:82px;border-radius:15px}
  .pkcs-company-badge{width:39px;height:39px;right:-12px}
  .pkcs-person-copy h3{font-size:19px}
  .pkcs-person-copy p{font-size:14px}
  .pkcs-card-body{grid-template-columns:1fr;gap:24px;margin-top:32px}
  .pkcs-quote{font-size:18px;line-height:1.42;padding-right:0}
  .pkcs-stat-area{border-left:0;border-top:1px solid rgba(0,60,48,.10);padding-left:0;padding-top:22px}
  .pkcs-stat-number{font-size:48px;margin-bottom:14px}
  .pkcs-stat-text{font-size:15px;margin-bottom:22px}
  .pkcs-story-btn{min-height:48px;font-size:15px}
  .pkcs-pagination{margin-top:10px;gap:7px;padding:7px 9px;overflow:hidden}
  .pkcs-dot{width:12px;height:12px;flex-basis:12px}
  .pkcs-dot.is-active{width:38px;flex-basis:38px}
}
@media (max-width:520px){
  .pkcs-slider{--pkcs-gap:12px}
  .pkcs-card{flex-basis:100%;width:100%;padding:22px 20px 24px}
}