.jp-pros{--jp-accent:#c6f211;display:block;background:#0b0b0d;color:#fff;padding:72px 0;overflow:clip;text-align:left}
.jp-pros *{box-sizing:border-box}
.jp-pros .jp-inner{width:min(100%,1240px);margin-inline:auto;padding-inline:32px}
.jp-pros .jp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.jp-pros .jp-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#d2d2d6;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.jp-pros .jp-eyebrow::before{content:"";width:24px;height:2px;background:var(--jp-accent);flex:none}
.jp-pros .jp-title{max-width:720px;margin:0;color:#fff;font-size:clamp(30px,4.6vw,56px);font-weight:900;font-style:italic;letter-spacing:-.035em;line-height:1.08;text-transform:uppercase}
.jp-pros .jp-title em{font-style:inherit;color:var(--jp-accent)}
.jp-pros .jp-sub{margin:14px 0 0;color:#b8b8c0;font-size:14px;line-height:1.6}
.jp-pros .jp-hint{display:none;align-items:center;gap:8px;flex:none;color:#c5c5cc;font-size:12px;line-height:1.5}
.jp-pros .jp-hint svg{width:20px;height:20px}
.jp-pros .jp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0;position:relative}
.jp-pros .jp-card{min-width:0;grid-column:span 3;margin:0;overflow:hidden;border:1px solid #303036;border-radius:12px;background:#161619;color:#fff;text-align:left;scroll-snap-align:start;scroll-snap-stop:normal}
.jp-pros .jp-card:nth-child(-n+3){grid-column:span 4}
.jp-pros .jp-card-link{display:block;height:100%;color:inherit;text-decoration:none}
.jp-pros .jp-media{position:relative;aspect-ratio:7/5;overflow:hidden;background:#202024}
.jp-pros .jp-media img{display:block;width:100%;height:100%;object-fit:cover}
.jp-pros .jp-body{padding:20px 20px 22px;border-top:1px solid #303036}
.jp-pros .jp-name{margin:0;color:#fff;font-size:clamp(19px,2vw,26px);font-weight:850;line-height:1.13;letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:break-word}
.jp-pros .jp-name em{display:block;margin-bottom:4px;color:var(--jp-accent);font-style:normal}
.jp-pros .jp-role{margin:12px 0 0;color:#b8b8c0;font-size:11px;line-height:1.5;letter-spacing:.065em;text-transform:uppercase}
.jp-pros .jp-navigation{display:none;align-items:center;gap:16px;margin-top:20px}
.jp-pros .jp-navigation[hidden]{display:none}
.jp-pros .jp-controls{display:flex;gap:8px}
.jp-pros .jp-controls[hidden]{display:none}
.jp-pros .jp-arrow{display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border:1px solid #67676f;border-radius:50%;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.jp-pros .jp-arrow svg{width:20px;height:20px}
.jp-pros .jp-arrow:disabled{border-color:#36363d;color:#777780;cursor:default}
.jp-pros .jp-count{min-width:42px;color:#d7d7dc;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.jp-pros .jp-count strong{font-weight:700;color:#fff}
.jp-pros .jp-progress{height:2px;flex:1;background:#34343b;overflow:hidden}
.jp-pros .jp-progress>span{display:block;width:100%;height:100%;background:var(--jp-accent);transform:scaleX(.142857);transform-origin:left center;transition:transform .2s ease}
.jp-pros .jp-foot{display:flex;justify-content:center;margin-top:36px}
.jp-pros .jp-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:15px 26px;border:1px solid var(--jp-accent);border-radius:6px;background:var(--jp-accent);color:#10110b;font-size:13px;font-weight:800;line-height:1.5;letter-spacing:.025em;text-decoration:none;touch-action:manipulation;transition:background-color .18s ease}
.jp-pros .jp-btn svg{width:18px;height:18px;flex:none}
.jp-pros :is(.jp-btn,.jp-arrow,.jp-card-link,.jp-grid):focus-visible{outline:3px solid var(--jp-accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.jp-pros .jp-arrow:not(:disabled):hover{background:var(--jp-accent);border-color:var(--jp-accent);color:#10110b}.jp-pros .jp-btn:hover{background:#d5ff35}}
@media(max-width:989px){.jp-pros{padding:56px 0}.jp-pros .jp-inner{padding-inline:24px}.jp-pros .jp-head{align-items:flex-start;margin-bottom:24px}.jp-pros .jp-hint{display:flex;margin:4px 0 0}.jp-pros .jp-grid{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;margin-inline:-24px;padding:4px 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.jp-pros .jp-grid::-webkit-scrollbar{display:none}.jp-pros .jp-card{flex:0 0 44%;grid-column:auto}.jp-pros .jp-card:nth-child(-n+3){grid-column:auto}.jp-pros .jp-name{font-size:24px}.jp-pros .jp-navigation{display:flex}.jp-pros .jp-foot{margin-top:28px}}
@media(max-width:649px){.jp-pros{padding:40px 0}.jp-pros .jp-inner{padding-inline:20px}.jp-pros .jp-head{display:block;margin-bottom:20px}.jp-pros .jp-eyebrow{font-size:10px;margin-bottom:12px}.jp-pros .jp-title{font-size:clamp(29px,8.2vw,42px);max-width:440px;line-height:1.05}.jp-pros .jp-sub{font-size:13px;margin-top:12px}.jp-pros .jp-hint{margin-top:16px;font-size:11px;color:#b8b8c0}.jp-pros .jp-grid{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;gap:12px}.jp-pros .jp-card{flex-basis:84%;border-radius:10px}.jp-pros .jp-body{padding:18px 18px 20px}.jp-pros .jp-name{font-size:24px}.jp-pros .jp-role{margin-top:10px;font-size:10px}.jp-pros .jp-navigation{gap:14px;margin-top:14px}.jp-pros .jp-foot{margin-top:24px}.jp-pros .jp-btn{width:100%;min-height:52px}}
@media(prefers-reduced-motion:reduce){.jp-pros *{scroll-behavior:auto!important;transition:none!important}}